Done! Design System

An Open source design system for everyone!

Get Started Demo
Done! Design System for Web - Open source design system based on Bootstrap 4 | Product Hunt Embed

Design and coded by UI Lib

Components

Buttons

Button variations

Button colors

Button raised

Button outline

Button sizes

Button socials


Links

Form Elements

Form control variations

Checkbox

Radio

Switch




Slider

Bootstrap Select

Single select

Multi select

Tabs

Accordion

Collapsible Group Item #1

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Fancy List

Full Stack Javascript Engineer.

Vertual Assistance

Front End Developer (React)

Pricing table

Starter
$75
Monthly

Complete CRM Service

100GB Disk Space

Upto 5 Users

Growing
$195
Monthly

Complete CRM Service

1000GB Disk Space

Upto 15 Users

Enterprice
$495
Monthly

Complete CRM Service

10TB Disk Space

Upto 100 Users

Cards

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Progress

80%
50%

Pagination

Badge

Primary Secondary Success Danger Warning Info Light Dark

Badge pill

Primary Secondary Success Danger Warning Info Light Dark

Alerts

Modals

Popover

Tooltip

Typography

Heading tags

Heading 1

Done Design System heading 1

Heading 2

Done Design System heading 2

Heading 3

Done Design System heading 3

Heading 4

Done Design System heading 4

Heading 5

Done Design System heading 5

Heading 6

Done Design System heading 6

Heading & Title

Heading

Done Design System Heading

Heading Title

Done Design System Heading Title

Display

Display 1

Done Design System Display 1

Display 2

Done Design System Display 2

Display 3

Done Design System Display 3

Display 4

Done Design System Display 4

Others

Paragraph

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugiat consequuntur labore cum magni nam iste, facere quas, ex quia temporibus quaerat quis eaque ea amet est maxime ab veritatis sit amet consectetur adipisicing elit. Fugiat consequuntur labore cum magni nam iste, facere quas, ex quia temporibus quaerat quis eaque ea amet est maxime ab veritatis fuga?

Text lead

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Fugiat consequuntur labore cum magni nam iste, facere quas, ex quia temporibus quaerat quis eaque ea amet est maxime ab veritatis fuga?

Small tag

Done design system small text

Text muted

Done design system muted text

Text Primary

Done design system primary text

Text success

Done design system success text

Text Warning

Done design system warning text

Text Danger

Done design system danger text

Text light

Done design system light text

Text Dark

Done design system dark text

Blockquote

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.
Jhone Will

Blockquote Primary

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.
Jhone Will

Blockquote danger

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat distinctio possimus ducimus ex quos eaque nobis, doloribus ut quae? Facere sint consequatur eos soluta iusto excepturi laudantium deserunt cum fugiat.