Rocket Starter Kit

The Genesis starter for all Rocket-powered web sites.

Built for Speed & Flexibility

OKLCH generative color system. Change 3 variables, get a full theme with 50-900 color ramps.

~11KB gzipped CSS, zero runtime JavaScript. Hugo static generation for instant page loads.

10 auto-fixes for iOS: safe areas, touch targets, fluid typography, and more.

WCAG 2.1 AA compliant. Auto focus rings, reduced motion support, semantic HTML.

Seamlessly integrated component library. Buttons, cards, modals, and 27 components ready to use.

Single-page, landing page, and multi-page layouts. Theme-aware with automatic dark mode.

git clone https://github.com/rocket-coalition/rocket-starter-web

cd rocket-starter-web/site

npm install

npm run dev

Server running at http://localhost:1313

Change data-theme="rocket" to any of 13 themes and watch your entire site transform instantly.

Start with the Genesis Block. Build light. Build true. Build from the block.