Nebula - Modern Dark-Themed SaaS Template

Hey folks!

I’m thrilled to introduce Nebula, our latest dark-themed SaaS template, built with Tailwind CSS and available in Next.js, Astro, and vanilla HTML/Javascript.

Nebula follows the latest trends in web design, with a space-inspired aesthetic that’s both unique and visually stunning. We’ve put in a tremendous amount of detail, ensuring every aspect of the template is pixel-perfect. Whether you’re a startup or an established SaaS company, Nebula will help you create a website that truly stands out.

When you purchase Nebula, you will get the following four versions:

1. Next.js v15.5 (TypeScript) with Tailwind CSS v4.1
2. Astro v5.13
   • Includes TypeScript support, Alpine.js, and Tailwind CSS v4.1
3. Vanilla JavaScript & HTML
   • Utilizes Alpine.js for interactivity and Tailwind CSS v4.1

Key Features

• 8 fully responsive and pre-assembled pages (Home, About, Pricing, Contact, Sign-in, Sign-up, Password Reset, 404)
• 25+ customizable sections and components
• Detailed documentation for each version
• Componentized and well-structured codebase
• Compatible with all modern browsers
• Leverages modern technologies like App Router, Server Components, and View Transitions
• Simple and easy development environment setup
• Lifetime free updates

Tech Specs

Next.js Template:

• Next.js v15.5 with app router and server components
• Typescript v5
• React v19
• Tailwind CSS v4.1
• Geist fonts
• Headless UI
• Prettier
• Splide for sliders and carousels.
• Shiki for syntax highlighting
• Odometer for stats odometer effect

Astro.js Template:

• Astro v5.13
• Tailwind CSS v4.1
• TypeScript v5
• Geist fonts
• Alpine.js v3 for interactivity
• Astro-Icon for simple icon embeddings
• Prettier
• Splide for sliders and carousels.
• Shiki for syntax highlighting
• Odometer for stats odometer effect

Vanilla JavaScript & HTML Template:

• Tailwind CSS v4.1
• Alpine.js v3
• Uses Tailwind CLI for a simple and quick development environment setup with hot-reloading
• Geist fonts
• Splide for sliders and carousels.
• Shiki for syntax highlighting
• Odometer for stats odometer effect

Credits and Sources

• Hero Icons
• Unsplash
• Pexels
• UntitledUI (Screenshot of a dashboard component used in the Home page hero section)
  

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

Much love ❤️

- Rodrigo