Alfred, an Astro & Tailwind CSS SaaS template

Alfred — SaaS theme for Astro & Tailwind CSS

Alfred is a clean, professional SaaS theme built to help startups and product teams launch quickly without unnecessary complexity. Its flexible layouts and modular components give your brand the polish it needs—while staying easy to customize.

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

• Pages for landing, pricing, about, demo booking, and authentication
• Content collections for blogs, teams, customers, and changelogs
• Reusable components (buttons, text, wrappers, etc.) styled with the OKLCH color system
• Built-in search powered by Fuse.js for fast in-site discovery
• Blog pagination included for seamless browsing
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• Clean file structure with ongoing updates and a style guide

Optional CMS

Alfred 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

Alfred leverages OKLCH color values, providing consistent rendering across browsers and easy theming for the future.

Why choose Alfred?

• Straightforward SaaS foundation without extra complexity
• Perfect for startups, product teams, or demo-driven platforms
• Built for speed, SEO, and accessibility out of the box
• Fully modular design system encourages reuse and consistency
• Quick to launch and easy to maintain long-term