An open-source React 19 UI kit for glass forms, cards and dashboard controls. Editable source, original typography and quiet motion.
Live examples · demo dataHow to choose a React UI kitDesigner · demo profile
Can edit the demo.
A list, conversation and action in one space.
Open exampleLast 6 months · demo
Small steps toward your chosen result.
Demo goals and amounts.
A sample financial summary.
Drag and drop, search and card states.
Open exampleA number, a selection and a supporting caption.
This setting applies within the demo.
Only what helps you take action.
Configure each channel independently.
A calendar with localized labels.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
October 28
Calendar variantsA short local conversation.
Hi! Let's see how everything works together.
Light, rhythm and a little space.
Add the first item to see the populated state.
A dashboard with a table, a messenger and a task board share the same material and settings.
Build React 19 interfaces with thin-glass cards, forms and dialogs. Four glass surfaces, scoped CSS, local Lamina fonts and MIT-licensed source.
Dashboards and settingsCompose React 19 dashboards and settings screens with tenvell cards, fields, dialogs and optional Recharts shapes. Explore the live product example and API scope.
shadcn componentsAdd editable React glass components with the shadcn CLI. Start with one button or the complete tenvell UI kit, with scoped CSS and original local fonts.
Choose a UI kitCompare the roles of tenvell, shadcn/ui, Material UI and React Aria. Choose a React UI kit by visual style, source ownership, component scope and compatibility.