Everything you need to build a modern SaaS site

Carefully designed sections, production-ready components, and a layout system that scales with your product.

Clean, scalable page structure

Nine pre-built pages — Home, Features, Pricing, Blog, Changelog, About, Contact, Elements, 404 — wired with consistent hierarchy, spacing, and typography. Add your tenth without re-deciding any of it.

  • 9 pre-built page templates
  • Token-driven spacing (4 / 8 / 12 / 16 / 24 …)
  • 1200px max-width, 800px inner content
  • Mobile-first responsive (375 / 768 / 1024 / 1440)
Hero

Modular, plug-and-play sections

Every section is a standalone Astro component with a consistent props interface. Reorder Hero, Features, Pricing, Steps, FAQ, FinalCTA without rewriting layout glue.

  • 15+ reusable section components
  • Consistent props API (title, description, items)
  • Mix, match, and reorder without conflicts
  • Documented in /elements for quick reference
Hero
Features
Pricing
FAQ

Content with full MDX support

Blog and changelog powered by Astro v5 Content Layer. Plain Markdown for prose, imported Astro components for interactive bits. No CMS, no plugin sprawl.

  • Astro v5 Content Layer (glob loader)
  • Component imports inside MDX
  • TOC + reading progress + share built-in
  • Auto RSS feed at /rss.xml
---
title: "Launching v1.2"
publishDate: 2026-03-18
tags: ["Release"]
---
## What's new
Three months after v1, RicoFast
v1.2 ships today.
<Callout type="success">
Lighthouse 98/100/100/100
</Callout>

Subtle, purposeful animations

Scroll reveals via AOS, orchestrated entrances via motion.js, and a staggered hero text component. Restraint over spectacle — every animation has a reason.

  • AOS scroll reveal with `data-aos-once`
  • motion.js for orchestrated timelines
  • AnimatedText for hero stagger
  • Honors prefers-reduced-motion
Staggered entrance

Fast by default

Astro ships zero JavaScript by default — interactive islands load only where needed. Tested on Vercel Edge and Cloudflare Pages, scoring Lighthouse 95+ across the board from a fresh install.

  • Zero JS by default (Astro Islands)
  • Automatic Sharp image optimization
  • Static output, deployable anywhere
  • Lighthouse 98 / 100 / 100 / 100 on Home
98
Perf
100
A11y
100
Best
100
SEO
Lighthouse · Home page

Token-driven design system

Colors, fonts, spacing, radii, and motion timing are all CSS custom properties documented in docs/DESIGN.md. Rebrand by editing one file — the rest of the site follows.

  • ~30 documented CSS tokens
  • Tailwind v4 @theme integration
  • Built-in dark mode with no flash
  • /elements page as live reference
@theme {
--color-primary: #2d6dc3;
--color-accent: #fad13b;
--font-brand: Instrument Serif;
}

See it in action

Browse the live demo, then fork the repo when you're ready to make it yours.

Logo

A polished SaaS template built with Astro and Tailwind CSS. Open-source, fast, and ready for production.

© 2026 RicoFast. Released under the MIT License.

v2.0.0 Built with Astro & Tailwind Twitter Github RSS