Wavvy - Tailwind CSS SaaS Template

Wavvy is a beautiful SaaS/startup Tailwind CSS template available in HTML, Next.js, and Astro.

Hey guys, Rodrigo from Tailwind Awesome here 👋

Excited to share with you our newest SaaS template built with the latest version of Tailwind CSS (v3.4). The template is available in Next.js (Typescript & Javascript versions), Astro, and HTML. The Next.js versions are built with Next.js v14.2 and leverage the latest App Router and server component functionalities. The Astro version is built with Astro v4.15 and leverages the latest View Transitions and Image Optimizations added to Astro 3.

The design and layout feature a clean and elegant style. It was purposely built to be flexible and provide a solid foundation for building various types of business/startup websites. All of the template versions are production-ready, making it a great starting point to build your next SaaS website using your preferred stack.

The template features a unique design with eight distinct pages and more than 30 pre-built sections/components, all created from scratch to enhance visitor engagement through a standout aesthetic. Wavvy is 100% responsive - ensuring optimal viewing and interaction across a range of devices. Furthermore, this template was constructed without the use of custom CSS, relying exclusively on Tailwind's utility classes. This approach not only simplifies customization but also streamlines the process for beginners, enabling an effortless start.

Features

• 8 fully responsive and pre-assembled pages
• 30+ customizable sections
• Made with Tailwind CSS v3.4
• Includes Next.js (Typesript & Javascript) templates, Astro template, and HTML template
• Customizable design and layout
• Compatible with all modern browsers
• Detailed documentation (all template versions include their own README documentation file)
• Built with 0 custom CSS
• Minimal custom javascript.
• Clean code
• Clean folder structure
• Simple and easy development environment setup
• Google Fonts integration
• Uses Hero Icons and Nucleo Icons
• Lifetime Free Updates

Pages

• Landing page
• About page
• Pricing page
• Contact page
• Sign in page
• Sign up us
• Password reset page
• 404 page

Tech Specs

Nextjs Templates

Wavvy now includes two versions for Next.js: one built with TypeScript for enhanced type safety and developer experience, and another with JavaScript for those who prefer a traditional approach. Both versions leverage the latest Next.js v14.2 features, including the App Router and React server components, for optimal performance and seamless navigation.

• Tailwind CSS 3.4
• Next.js 14.2
• App router
• React 18.3
• Headless UI
• Prettier and eslint for code formatting
• Typescript v5

Astro Template
Built with Astro v3.6, this version takes advantage of the latest View Transitions and Image Optimization features in Astro, delivering smooth navigation and performance.

Key dependencies & features:

• Tailwind CSS v3.4
• Astro v4.15
• Alpine.js v3 for interactivity
• Typescript v5
• Prettier
• Leverages Astro's built-in View Transitions and image optimizations
• Automatic sitemap generation

HTML Template
Basic pre-assembled HTML files. Key dependencies & features:

• Tailwind CSS 3.4
• Alpine.js 3
• Uses Tailwind CLI for a simple and quick development environment setup with hot-reloading
• no custom javascript
• Includes netlify.toml file to easily deploy with Netlify

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