Components

Built with React & Tailwind, components that live in your codebase as source you own, with variants for most of what an app needs and tied together by a consistent, customizable design system.

Actions

Controls that trigger an action or take users to another page.

ActionBar
4 variants
Button
7 variants
CloseButton
5 variants
Link
5 variants
ToggleButton
4 variants

Content

Elements for presenting information, such as user profiles, labels and summary figures.

Avatar
2 components + 6 variants
Badge
6 variants
Card
6 variants
Carousel
5 components + 6 variants
FileIcon
4 variants
GrowShrinkTag
2 variants
IconFrame
3 variants
InfoBar
2 variants
Kbd
4 variants
StatisticCard
8 variants
Tag
6 variants
Timeline
2 components + 5 variants

Selection

Controls for choosing values, including dates, ranges and ratings.

Calendar
3 components + 7 variants
Checkbox
2 components + 7 variants
DatePicker
3 components + 15 variants
Radio
2 components + 7 variants
Rate
6 variants
Segment
2 components + 8 variants
Select
4 components + 11 variants
Slider
2 components + 9 variants
Switcher
6 variants
TimeInput
2 components + 9 variants

Form

Input fields and form handling for capturing and submitting user data.

AutoComplete
6 variants
DebounceInput
4 variants
Form
3 components + 6 variants
FormatInput
3 components + 7 variants
Input
2 components + 8 variants
InputGroup
2 components + 5 variants
MultiValueInput
7 variants
OtpInput
6 variants
PasswordInput
2 variants
RichTextEditor
17 components + 5 variants
Upload
8 variants

Navigation

Wayfinding that shows users where they are and how to move through an app.

Breadcrumb
7 components + 8 variants
Menu
4 components + 7 variants
OverflowTabs
4 variants
Pagination
5 variants
Steps
2 components + 8 variants
Tabs
4 components + 5 variants

Feedback

Status messaging for loading, progress, success and errors.

Alert
6 variants
EmptyState
4 variants
Loading
3 variants
Notification
10 variants
Progress
8 variants
Shimmer
2 variants
Skeleton
3 variants
Spinner
5 variants

Overlays

Layered surfaces for extra detail or confirmations without leaving the current view.

ConfirmDialog
4 variants
Dialog
9 variants
Drawer
8 variants
Dropdown
4 components + 10 variants
Popover
7 variants
ToggleDrawer
4 variants
Tooltip
4 variants

Data

Views for browsing, filtering and visualizing large sets of records.

Chart
8 components + 13 variants
DataTable
7 variants
FullCalendar
8 variants
Gantt
7 variants
Histogram
3 variants
Map
8 variants
PopoverFilter
4 variants
Table
8 components + 12 variants

Layout

Page structure and app-wide configuration that every component inherits.

Collapsible
3 components + 5 variants
ConfigProvider
5 variants
Container
1 variant
Divider
3 variants
Resizable
7 variants
Scroll
5 variants

AI & chat

Interfaces for conversations with AI assistants, from prompt to response.

AnimatedOrb
4 variants
Attachments
4 components + 3 variants
ChainOfThought
4 components + 8 variants
CodeBlock
4 variants
Conversation
2 components + 2 variants
Markdown
4 variants
Message
8 components + 9 variants
PromptInput
6 components + 5 variants