Minimalist design system to kickstart your SaaS project.

Bootstrap your project, and create your own design system easily.

Preview in Figma

Why another white design system?

1. No bloated components (we know that most design system have provided so many unused components)
2. UI references (get references easily and build your own components)
3. Lightweight size
   

Beta version (You can use it, but still on development):

• Dark mode
• Component guidelines (8 Components)
• Blocks & screens
  

Components:

• Accordion (4 variants)

• Alert (5 variants)
• AlertModal (1 variant)
• Avatar (28 variants)
• AvatarGroup (3 variants)
• Badge (6 variants)
• Breadcrumbs (4 variants)
• Button (96 variants)
• ButtonDropdown (8 variants)
• ButtonFloat (2 variants)
• ButtonGroup (9 variants)
• ButtonSocial (6 variants)
• ChartAxis (1 variant)
• ChartLegend (10 variants)
• ChartBar (1 variant)
• ChartColumn (1 variant)
• ChartDonut (5 variants)
• ChartPie (5 variants)
• Checkbox (26 variants)
• Chip (1 variant)
• Coachmark (1 variant)
• Datepicker (1 variant)
• Dimmer (1 variant)
• Divider (4 variants)
• Dropdown (10 variants)
• Dropzone (2 variants)
• EmptyState (1 variant)
• FileUploader (2 variants)
• Header (2 variants)
• Indicator (6 variants)
• InputDate (10 variants)
• InputNumber (10 variants)
• InputOTP (1 variant)
• InputPassword (20 variants)
• Link (6 variants)
• List (6 variants)
• ListSpec (10 variants)
• Menu (4 variants)
• Menubar (1 variant)
• Metric (1 variant)
• Pagination (1 variant)
• Progress (6 variants)
• Radio (16 variants)
• Scrollbar (2 variants)
• Search (12 variants)
• SegmentedControl (3 variants)
• SidebarItem (12 variants)
• Slider (2 variants)
• Snackbar (1 variant)
• Stepper (3 variants)
• Switch (16 variants)
• Table (4 variants)
• Tabs (6 variants)
• Textarea (15 variants)
• Textfield (30 variants)
• Toast (5 variants)
• Tooltip (4 variants)
• TopNotification (1 variant)

Dynamic Components:

• Card (1 variant)
• Carousel (1 variant)
• Popover (1 variant)
• Skeleton (1 sample)
• Sheet (1 variant)

Components Guidelines:

• Accordion
• Avatar
• Breadcrumb
• State
• Divider
• Tooltip
• Link
• Switch