White - Minimalist Design System

Minimalist design system.

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. Web docs
4. Lightweight size
   

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)
• Card (1 variant)
• ChartAxis (1 variant)
• ChartLegend (10 variants)
• ChartBar (1 variant)
• ChartColumn (1 variant)
• ChartDonut (5 variants)
• ChartPie (5 variants)
• Checkbox (26 variants)
• 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)
• InputPassword (20 variants)
• Link (6 variants)
• List (6 variants)
• ListSpec (10 variants)
• Menu (4 variants)
• Metric (1 variant)
• Pagination (1 variant)
• Popover (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)
• Tooltip (4 variants)
• TopNotification (1 variant)