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

Choose the Nova or Prism component style, then tune colors, typography and radii through semantic CSS variables with light and dark values.

Open theme studio

CLI

The arrow-key initializer configures Nova or Prism, Geist or Inter, neutral and accent palettes, radius, TypeScript, React Server Components and dependency installation. Re-running it with --force replaces only Rivelle’s generated configuration and theme block.

Browse all 55 components