Flabbergasted, an Astro & Tailwind CSS SaaS template

Flabbergasted is a sleek dark SaaS template designed for fast-moving startups and AI products, combining bold aesthetics with high performance.

Flabbergasted page preview
Flabbergasted page preview
Flabbergasted page preview
Flabbergasted page preview
Flabbergasted page preview
Flabbergasted page preview
Flabbergasted page preview
Flabbergasted page preview
Flabbergasted page preview

Flabbergasted — Dark SaaS theme for Astro & Tailwind CSS

Flabbergasted is a bold dark-mode SaaS template designed for AI products, startups, and fast-moving digital platforms. With sharp layouts, sleek gradients, and a confident design system, it’s made for teams that want to launch quickly while standing out from generic SaaS designs. Powered by Astro and Tailwind CSS, it delivers performance and maintainability without compromise.

Specifications

  • Built with Astro v5 + Tailwind CSS v4
  • High Lighthouse scores across Performance, Accessibility, Best Practices, and SEO
  • Fully responsive and optimized for modern browsers

Benefits

  • Multiple landing, about, and contact page templates
  • Content collections for blogs, changelogs, integrations, and help centers
  • Reusable components (buttons, wrappers, typography, etc.) styled with the OKLCH color system
  • Built-in search powered by Fuse.js for quick in-site discovery
  • Blog pagination for structured article browsing
  • SEO-ready with Astro SEO, Sitemap, and RSS integrations
  • Clean file structure with a style guide and ongoing updates

Optional CMS

Flabbergasted includes a preconfigured .pages.yaml file that connects your content collections directly to PagesCMS.
All integration happens automatically when you link your repo inside the PagesCMS dashboard—no changes are made to the template code. You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern color system

The theme uses OKLCH color values for consistent cross-browser rendering and future-proof color management in Tailwind CSS v4. Gradients and dark UI elements are designed to highlight SaaS and AI products with clarity and impact.

Why choose Flabbergasted?

  • Dark-mode aesthetic built for SaaS and AI-driven platforms
  • Astro’s static-first architecture for speed and scalability
  • Tailwind utilities for rapid customization and clean design patterns
  • Ready-to-use content collections for customers, integrations, and updates
  • Flexible enough for product launches, software platforms, or AI-focused startups
Photo of Steve Ruiz

Love the design work

Steve Ruiz

Founder at tldraw.com

Photo of Fred Schott

Michael has been dropping some amazing premium themes for Astro lately.

Fred Schott

CEO of Astro.build

Photo of Guillermo Rauch

Chief, nice work.

Guillermo Rauch

vercel.com

Photo of Alex Hughes

Lexington Themes is honestly one of the best deals any engineer/web designer could make. It will speed up your next project 10x.Multiple great themes, with dozens of components and page designs ready to go. All built with tailwind, so you can easily make changes to make it stand out or swap to a different framework.Well worth a go!

Alex Hughes

letsloopin.com

Read all reviews