Docs overview

Rizzo CSS is a design system built on semantic theming and 14 themes. One CSS codebase, 53 accessible BEM components — for Vanilla JS, Astro, Svelte, React, and Vue. Use the framework switcher above to switch doc links.

Overview

• Getting Started — Installation, CLI, templates (CSS only | Landing | Docs | Dashboard | Full)
• Design System — Variables, typography, utilities
• Theming — 14 themes, persistence, custom themes
• Accessibility — WCAG AA, keyboard, ARIA, testing
• Colors — Color reference and scales
• Best Practices — Composition and performance

Installation

• Vanilla — Components
• Astro — Components
• Svelte — Components
• React — Components
• Vue — Components

Components

All components in the CLI and scaffold; same BEM/CSS for all frameworks. Each has a doc page with live examples.

Blocks

• Blocks overview
• Landing hero
• Pricing cards
• Dashboard with sidebar
• Docs layout
• Login
• Sign up

Getting Started · Components · Themes · Colors