Navy — The Astro & Tailwind CSS SaaS template — sharp, structured, and built for startups.

Navy is a light-mode SaaS template for Astro & Tailwind CSS, designed for startups and software teams that want clarity, structure, and polish from day one. Perfect for MVPs, SaaS products, and modern software platforms.

Navy — The Astro & Tailwind CSS SaaS template — sharp, structured, and built for startups.

Live Demo Buy Navy$79

Full Access ~~$199~~/$99

All Pages

Static Pages

— Home
— About
— Pricing
— Contact
— Sign In
— Sign Up
— Error 404

Content Collections

— Blog
— Teams
— Changelog
— Customers
— Help Center
— Legal Pages
— Integrations

Content Collections — Comes with a index page and a details page for each entry.

What's included

— User Dashboard
— Blog Tags
— Reusable Components
— Optional CMS via PagesCMS
— Search
— Content Collections
— SEO Optimized
— Ongoing Updates
— Style Guide
— Astro RSS
— Astro SEO
— Astro Sitemap
— Tailwind CSS Forms
— Tailwind Typography

Details

— Astro v5
— Tailwind v4
— Released on 02.23
— Updated on 08.25
— Performance 99
— Accessibility 98
— Best Practices 100
— SEO 100

CMS — Every theme comes with a preconfigured .pages.yaml that links your collections. PagesCMS works out of the box, no extra setup.

About

Navy — SaaS theme for Astro & Tailwind CSS

Navy is a sharp, light-mode SaaS theme designed for startups and software teams who value structure and performance.
With precise grids, confident typography, and modular layouts, it gives your product the polish and reliability it deserves.

Why Navy

Built for startups, software tools, and SaaS platforms
Structured layouts for landing, pricing, help center, and blog
User dashboard support for account-driven experiences
Astro-fast performance with Tailwind’s flexible design system
Search powered by Fuse.js for instant filtering
Blog pagination for consistent editorial flow
SEO-ready with Astro SEO, Sitemap, and RSS integrations
Clean structure with reusable components and ongoing updates

Optional CMS

Navy includes a preconfigured .pages.yaml file that connects your content collections to PagesCMS automatically.
Once you link your repo in the PagesCMS dashboard, the integration works instantly — no code edits required.
You keep a pure Astro + Tailwind CSS workflow with optional visual editing.

Modern color system

Navy uses OKLCH color values for accurate rendering and consistent theming.
This ensures your product maintains contrast, readability, and easy rebranding with Tailwind CSS v4.