Astro Rocket
Stop building the same foundation over and over. Astro Rocket is a fully production-ready starter theme that ships with everything a real site needs — so you can skip straight to the work that matters.
Built on Astro 6 and Tailwind CSS v4, it scores 95+ on Lighthouse out of the box, renders zero JavaScript by default, and covers every base from SEO to deployment configs.
What ships with it
A complete blog with MDX support, a 57-component library, a full SEO layer with structured data and Open Graph, dark mode, a contact form with spam protection, a newsletter form, and 12 live colour themes you can switch with a single click — all styled, wired up, and ready to go live.
Colour themes
Click any of the 12 colour swatches in the header — Orange, Amber, Lime, Emerald, Teal, Cyan, Sky, Blue, Indigo, Violet, Purple, or Magenta — and everything updates instantly: the logo badge, blog image gradients, and every brand colour across the entire site. No file edits, no rebuilds. Pick your colour, then remove the switcher with a single line deletion.
Auto-generated logo and favicon
Your logo and favicon generate themselves from your site config: the first letter of your site name, rendered in the active brand colour. Switch themes and they update live. No design tools, no image exports — just set your site name and you're done.
57 components across 8 categories
From form inputs and data cards to modals, toasts, tabs, and full marketing sections — every component is built on a consistent design token system and works in both light and dark mode out of the box. Browse the full library on the live component showcase.
Full animation library
Smooth page transitions via Astro View Transitions, scroll-triggered counter and score animations, a scroll-reactive header, card hover effects, an animated typing effect in the hero, a scroll progress bar, and a circular scroll progress ring on the back-to-top button. Full reduced-motion support throughout.
SEO that does the work for you
Every page gets automatic canonical URLs, Open Graph tags, Twitter Cards, a generated sitemap, and JSON-LD structured data — including Person, WebSite, Blog, BlogPosting, and ProfessionalService schemas. Configure your identity once in site.config.ts and it propagates everywhere.
Deploy anywhere in minutes
Pre-configured for Vercel, Netlify, and Cloudflare Pages. Clone, configure, push.
Astro Rocket is free and released under the MIT licence — use it for personal and commercial projects. If it saves you time, a star on GitHub helps others find it.
