Jane - A creative Tailwind CSS personal portfolio template

Hey guys, Rodrigo from TailAwesome here 👋

I'm excited to share with you the latest personal portfolio template, built with Tailwind CSS (v4.1) and available in Next.js (v15.5), Astro (v5.14), and HTML. When you purchase Jane, you'll receive all template versions, including HTML, Astro, and Next.js. This allows you to choose the technology stack that best fits your project needs.

This template features a sleek, modern, and creative design with a fully responsive experience. Whether you're a developer, designer, or any other type of creative professional, this template was crafted to help you showcase your skills and build your personal brand with ease.

I have structured and componentized the project, ensuring a clean and well-organized codebase. The template comes with 7 pages and a whopping 28 components, so you'll have plenty of options to make it uniquely yours. It relies entirely on Tailwind's utility classes, making it very easy to customize and get started with.

Next.js Version:

Jane's Next.js version is built with TypeScript for enhanced type safety and developer experience. It leverage the latest Next.js v15.5 features, including the App Router and React server components, for optimal performance and seamless navigation.

Key dependencies & features:

• Tailwind CSS v4.1
• Next.js v15.5
• App router
• React 19.1
• Mdx powered by content-collections for all case studies and blog posts.
• Headless UI
• SwiperJS for the Testimonials carousel.
• Prism.js for custom code syntax styles
• Prettier and eslint for code formatting

Astro Version:

A super fast, SEO-optimized Astro v5.14 template with full Typescript support, and nearly perfect lighthouse scores. This version takes advantage of the latest View Transitions and Image optimization features, delivering seamless navigation and performance. 

Key dependencies & features:

• Tailwind CSS v4.1
• Astro v5.14
• Alpine.js v3
• Typescript v5
• Prettier
• Astro's Content Layer API (with typescript support) powered by MDX for managing & authoring blog posts and case studies.
• SwiperJS for the Testimonials carousel.
• Prism.js for custom code syntax styles
• Leverages Astro's built-in View Transitions and image optimizations
• Automatic RSS feed and sitemap generation
• Built-in pagination implementation for blog posts and case studies

HTML Version: 

If you're looking for simplicity, the HTML version is your go-to. It includes pre-assembled HTML files and uses the Tailwind CLI tool to ensure a swift and straightforward setup.

Key dependencies & features:

• Tailwind CSS v4.1
• Alpine.js 3
• Uses Tailwind CLI for a simple and quick development environment setup with hot-reloading
• SwiperJS for the Testimonials carousel.
• Prism.js for custom code syntax styles

General Features

• 7 fully responsive and pre-assembled pages
• 28+ customizable sections
• Made with Tailwind CSS v4.1
• Customizable design and layout
• Compatible with all modern browsers
• Detailed documentation (Each version includes a README documentation file)
• Well-structured and componentized
• Simple and easy development environment setup
• Uses Hero Icons and Nucleo Icons
• Lifetime Free Updates

Credits And Sources

• Hero Icons
• Google Fonts (Inter)
• Unsplash
• Pexels

If you have any questions don't hesitate to reach out to me on Twitter: @raguila8 or email: rodrigo@tailwindawesome.com.

Much love ❤️

- Rodrigo