Rivelle documentation

Build interfaces you own.

Rivelle gives React and Next.js projects editable component source, considered defaults, and a small semantic design system.

Installation

Run the initializer in an existing Next.js, Vite or React project. Rivelle detects your source root, CSS entry, TypeScript and RSC setup, then configures the theme and @/* alias.

Theming

Colors, typography and radii are expressed as semantic CSS variables with light and dark values.

Open theme studio

CLI

The arrow-key initializer lets you choose Geist or Inter, neutral and accent palettes, radius, TypeScript, React Server Components and dependency installation. Re-running it with --force safely replaces the generated theme block.

Browse all 33 components