Blocks
Clean, modern building blocks. Works with all Rizzo projects. Copy and paste into your apps. Open source. Free forever.
Browse blocks
Pre-built layouts and patterns using Rizzo components and design tokens. Use them as starting points for dashboards, docs sites, auth screens, and app shells.
Featured
Landing hero
Marketing hero with headline, subtitle, and primary CTAs. Typography and button tokens.
Pricing cards
Three-tier pricing section using Card, Badge, and buttons. Theme-aware.
Dashboard
App dashboard with sidebar, stat cards, and data table. Uses Dashboard, Card, and Table components.
Docs layout
Documentation layout with a sidebar nav and main content area. Same pattern as this docs site.
Login
Centered login form on a muted background. Brand link, email/password fields, and footer links.
Sign up
Centered sign-up form with name, email, password, and link to sign in. Same tokens as Login.
Scaffold from CLI
When you create a new project or add to existing, choose a template: CSS only, Landing, Docs, Dashboard, or Full. CSS only = stylesheet + license, README, .gitignore (no web pages or components). Add is for existing projects: run in your project root, then select which components to add (or CSS only). Landing, Docs, and Dashboard give you the same full setup with a different starter layout and content — matching the blocks above. Full clones the entire docs site.
npx rizzo-css init
# → Choose framework (Vanilla, Astro, Svelte, React, Vue)
# → Choose template: CSS only | Landing | Docs | Dashboard | Full