Skip to content
bejamas/ui
Docs
Components
Themes
Search
Ctrl
K
Cancel
GitHub
Default
Rome
Berlin
Theme Editor
⌘E
Default
Rome
Berlin
Light
Dark
Primary
Background
L
0.5
C
0.2
H
250
Foreground
L
0.5
C
0.2
H
250
Primary
L
0.5
C
0.2
H
250
Primary FG
L
0.5
C
0.2
H
250
Secondary & Accent
Secondary
L
0.5
C
0.2
H
250
Secondary FG
L
0.5
C
0.2
H
250
Accent
L
0.5
C
0.2
H
250
Accent FG
L
0.5
C
0.2
H
250
UI Components
Card
L
0.5
C
0.2
H
250
Card FG
L
0.5
C
0.2
H
250
Popover
L
0.5
C
0.2
H
250
Popover FG
L
0.5
C
0.2
H
250
Muted
L
0.5
C
0.2
H
250
Muted FG
L
0.5
C
0.2
H
250
Utility & Form
Border
L
0.5
C
0.2
H
250
Input
L
0.5
C
0.2
H
250
Ring
L
0.5
C
0.2
H
250
Status
Destructive
L
0.5
C
0.2
H
250
Destructive FG
L
0.5
C
0.2
H
250
Charts
Chart 1
L
0.5
C
0.2
H
250
Chart 2
L
0.5
C
0.2
H
250
Chart 3
L
0.5
C
0.2
H
250
Chart 4
L
0.5
C
0.2
H
250
Chart 5
L
0.5
C
0.2
H
250
Getting Started
Introduction
Installation
Design Principles
Auto-generated docs
Theming
Dark Mode
CLI
Figma
Monorepo
Changelog
Components
Accordion
Alert
Avatar
Badge
Breadcrumb
Button
Button Group
Card
Carousel
Checkbox
Date
Dialog
Dropdown Menu
Input
Input Group
Item
Label
Link Group
Marquee
Radio Group
Select
Separator
Sticky Surface
Switch
Tabs
Textarea
GitHub
Default
Rome
Berlin
Theme Editor
⌘E
Default
Rome
Berlin
Light
Dark
Primary
Background
L
0.5
C
0.2
H
250
Foreground
L
0.5
C
0.2
H
250
Primary
L
0.5
C
0.2
H
250
Primary FG
L
0.5
C
0.2
H
250
Secondary & Accent
Secondary
L
0.5
C
0.2
H
250
Secondary FG
L
0.5
C
0.2
H
250
Accent
L
0.5
C
0.2
H
250
Accent FG
L
0.5
C
0.2
H
250
UI Components
Card
L
0.5
C
0.2
H
250
Card FG
L
0.5
C
0.2
H
250
Popover
L
0.5
C
0.2
H
250
Popover FG
L
0.5
C
0.2
H
250
Muted
L
0.5
C
0.2
H
250
Muted FG
L
0.5
C
0.2
H
250
Utility & Form
Border
L
0.5
C
0.2
H
250
Input
L
0.5
C
0.2
H
250
Ring
L
0.5
C
0.2
H
250
Status
Destructive
L
0.5
C
0.2
H
250
Destructive FG
L
0.5
C
0.2
H
250
Charts
Chart 1
L
0.5
C
0.2
H
250
Chart 2
L
0.5
C
0.2
H
250
Chart 3
L
0.5
C
0.2
H
250
Chart 4
L
0.5
C
0.2
H
250
Chart 5
L
0.5
C
0.2
H
250
Components
Copy page
View in Markdown
Open in ChatGPT
Open in Claude
Here you can find all the components available in the library.
Accordion
Alert
Avatar
Badge
Breadcrumb
Button Group
Button
Card
Carousel
Checkbox
Date
Dialog
Dropdown Menu
Input Group
Input
Item
Label
Link Group
Marquee
Radio Group
Select
Separator
Sticky Surface
Switch
Tabs
Textarea
