An open-source SaaS website template built with Astro 6 and Tailwind CSS v4. Designed for indie hackers, AI/dev-tool teams, and OSS maintainers who want a polished, design-forward product site.
Why RicoFast
Most open-source SaaS templates fall into two camps: bare starters that leave you rebuilding everything, or maximalist bundles that prioritize feature coverage over design quality. RicoFast focuses on design and visual polish — a documented design system that AI tools can accurately interpret, helping you produce pages with great visual and design quality.
Features
- 11 production-ready pages — Home (12 sections), Features, Pricing, Blog, Changelog, About, Contact, Sign in, Sign up, Elements, 404
- 15+ reusable section components — Hero, FeatureGrid, FeatureDetail, Pricing cards, Comparison table, FAQ, Steps, Tech stack, Use cases, FinalCTA, and more
- MDX-powered Blog & Changelog — Astro 6 Content Layer API with astro/loaders
- Built-in dark mode — class-based, no flash on load, contrast-audited
- Token-driven design system — ~30 CSS custom properties, all documented in docs/DESIGN.md
- Mobile-first responsive — tested at 375 / 768 / 1024 / 1440
- Subtle motion — AOS scroll reveals + motion.js orchestration
- Lighthouse 95+ — Performance, Accessibility, Best Practices, SEO out of the box
- SEO-ready — Open Graph, Twitter cards, sitemap, RSS feed
- TypeScript — Astro check runs on every build
- MIT-licensed — Use for personal and commercial projects, no attribution required
Tech stack
- Framework: Astro 6.4.2 (Content Layer API)
- Build tooling: Vite 7.3
- Styling: Tailwind CSS v4.1(@theme tokens)
- Content: MDX via @astrojs/mdx
- Animation: AOS+ motion.js
- Icons: Lucide
- Type checking: TypeScript + astro check
