Button
Six variants, six sizes and full composition through asChild.
Beautiful components. Entirely yours.
Own your interface.Shape every detail.
Rivelle is a curated set of editable React components for teams who care about craft, speed and complete control.
rivelle / button.tsx
import { Button } from
"@/components/ui/button"
export default function Page() {
return (
<Button variant="outline">
Create something
</Button>
)
}
Source, not a dependency
Every component lands in your codebase. Read it, reshape it, make it unmistakably yours.
Server-first by default
No client boundary unless interaction truly needs one. Built for modern Next.js applications.
Quietly expressive
Purposeful motion, tactile states and strong defaults without visual noise.
The collection
7 components · growingSmall pieces. Serious polish.
Accessible primitives with elegant defaults, designed to be composed and changed.
Badge
Compact signals for status, categories and metadata.
NewIn progress ReadyDraft
Form controls
Calm, legible fields with refined focus and invalid states.
Switch & separator
Accessible Radix interactions with a tactile, responsive feel.
Product updates
A thoughtful note, occasionally.
Usage insights
Weekly performance digest.
Card
Composable structure for products, settings, dashboards and editorial layouts.
Active
Launch faster, stay in control.
Start with a considered foundation and change every detail as your product evolves.
Source included
Ready when you are
One command. Your code.
Initialize the tokens, add only what you need, then build without fighting someone else's abstraction.
React · Next.js · Tailwind CSS v4 · TypeScript