Components Preview
Colors
Gray Colors
50
100
200
300
400
500
600
700
800
900
Primary Colors
50
100
200
300
400
500
600
700
800
900
UI Semantic Colors
Primary
Secondary
Success
Info
Warning
Error
UI Text Colors
Dimmed
Muted
Toned
Default
Highlighted
Inverted
UI Background Colors
Default
Muted
Elevated
Accented
Inverted
UI Border Colors
Default
Muted
Accented
Inverted
Buttons
Badges
Primary Neutral Success Warning Soft SolidSoftOutlineSubtle
Alert
Theming Preview
This is a preview of the theming features.
Shadow
Shadow-sm
Shadow
Shadow-lg
Shadow-xl
Shadow-2xl
Avatars
Inputs
Switch, Checkbox & Radio
on
Tabs
Accordion
Modal
Dialog with styles
Separator
TopBottom
Separates content
Tooltip
Popover
Dropdown
Pagination
Table
| Name | Rolle | |
|---|---|---|
| No data | ||
Progress
Skeleton
Chips
Primary
Neutral
Success
Warning
Info
Slider
Value: 25
Toast
Breadcrumbs
Avatar Group
Neu in Version 1.5
Jetzt mit integriertem Dark Mode, neuen Komponenten und verbesserter Performance!
Hero Title Beta
Hero Subtitle
Features
Fast
Fast features
Responsive
Responsive features
Modular
Modular features
FAQ
Testimonials
Testimonial 1
Laura S. Pro User
Frontend Lead
Testimonial 2
Mark T. Early Adopter
Fullstack Dev