Back to MD

UI Components

Table of Contents

Atomic Design

Atoms

  1. Alert
  2. Avatar
  3. Badge
  4. Breadcrumbs
  5. Button
  6. Card
  7. Checkbox
  8. Divider
  9. Drawer sidebar
  10. Menu
  11. Modal
  12. Pagination
  13. Progress
  14. Select
  15. Skeleton
  16. Table
  17. Tabs
  18. Text Input
  19. Toggle
  20. Tooltip

Molecules

Organisms

Templates

Pages

Components

No Component DaisyUI shadcn/ui MUI Ant Design
1 Alert DaisyUI shadcn/ui MUI Ant Design
2 Avatar DaisyUI shadcn/ui MUI Ant Design
3 Badge DaisyUI shadcn/ui MUI Ant Design
4 Breadcrumbs DaisyUI shadcn/ui MUI Ant Design
5 Button DaisyUI shadcn/ui MUI Ant Design
6 Card DaisyUI shadcn/ui MUI Ant Design
7 Checkbox DaisyUI shadcn/ui MUI Ant Design
8 Divider DaisyUI shadcn/ui MUI Ant Design
9 Drawer sidebar DaisyUI shadcn/ui MUI Ant Design
10 Menu DaisyUI shadcn/ui MUI Ant Design
11 Modal DaisyUI shadcn/ui MUI Ant Design
12 Pagination DaisyUI shadcn/ui MUI Ant Design
13 Progress DaisyUI shadcn/ui MUI Ant Design
14 Select DaisyUI shadcn/ui MUI Ant Design
15 Skeleton DaisyUI shadcn/ui MUI Ant Design
16 Table DaisyUI shadcn/ui MUI Ant Design
17 Tabs DaisyUI shadcn/ui MUI Ant Design
18 Text Input DaisyUI shadcn/ui MUI Ant Design
19 Toggle DaisyUI shadcn/ui MUI Ant Design
20 Tooltip DaisyUI shadcn/ui MUI Ant Design
21 Accordion DaisyUI shadcn/ui MUI
22 Autocomplete MUI Ant Design
23 Calendar DaisyUI shadcn/ui Ant Design
24 Carousel DaisyUI shadcn/ui Ant Design
25 Collapse DaisyUI shadcn/ui Ant Design
26 Date Picker shadcn/ui MUI Ant Design
27 Dropdown DaisyUI shadcn/ui Ant Design
28 Empty shadcn/ui Ant Design
29 List DaisyUI MUI Ant Design
30 Loading DaisyUI shadcn/ui Ant Design
31 Masonry MUI Ant Design
32 Popover shadcn/ui Ant Design
33 Radio DaisyUI shadcn/ui Ant Design
34 Radio Group shadcn/ui MUI Ant Design
35 Rating DaisyUI MUI Ant Design
36 Slider shadcn/ui MUI Ant Design
37 Steps DaisyUI Ant Design
38 Timeline DaisyUI MUI Ant Design
39 Toast DaisyUI shadcn/ui MUI
40 Typography shadcn/ui MUI Ant Design
41 Join (group items) DaisyUI shadcn/ui
42 Kbd DaisyUI shadcn/ui
43 Label DaisyUI shadcn/ui
44 Navbar DaisyUI shadcn/ui
45 Range slider DaisyUI shadcn/ui
46 Textarea DaisyUI shadcn/ui
47 Link DaisyUI MUI
48 FAB / Speed Dial DaisyUI MUI
49 Browser mockup DaisyUI
50 Chat bubble DaisyUI
51 Code mockup DaisyUI
52 Countdown DaisyUI
53 Diff DaisyUI
54 Dock DaisyUI
55 Fieldset DaisyUI
56 File Input DaisyUI
57 Filter DaisyUI
58 Footer DaisyUI
59 Hero DaisyUI
60 Hover 3D Card DaisyUI
61 Hover Gallery DaisyUI
62 Indicator DaisyUI
63 Mask DaisyUI
64 Phone mockup DaisyUI
65 Radial progress DaisyUI
66 Stack DaisyUI
67 Stat DaisyUI
68 Status DaisyUI
69 Swap DaisyUI
70 Text Rotate DaisyUI
71 Theme Controller DaisyUI
72 Validator DaisyUI
73 Window mockup DaisyUI
74 Alert Dialog shadcn/ui
75 Aspect Ratio shadcn/ui
76 Chart shadcn/ui
77 Combobox shadcn/ui
78 Command shadcn/ui
79 Context Menu shadcn/ui
80 Direction shadcn/ui
81 Field shadcn/ui
82 Hover Card shadcn/ui
83 Input Group shadcn/ui
84 Input OTP shadcn/ui
85 Item shadcn/ui
86 Menubar shadcn/ui
87 Native Select shadcn/ui
88 Navigation Menu shadcn/ui
89 Resizable shadcn/ui
90 Scroll Area shadcn/ui
91 Sheet shadcn/ui
92 Sidebar shadcn/ui
93 Sonner shadcn/ui
94 Toggle Group shadcn/ui
95 Bottom Navigation MUI
96 Chip MUI
97 Data Grid MUI
98 Image List MUI
99 Navigation Rail MUI
100 Number Field MUI
101 Paper MUI
102 Stepper MUI
103 Transfer List MUI
104 Tree View MUI
105 Anchor Ant Design
106 Cascader Ant Design
107 ColorPicker Ant Design
108 Descriptions Ant Design
109 Flex Ant Design
110 Form Ant Design
111 Mentions Ant Design
112 Notification Ant Design
113 QRCode Ant Design
114 Result Ant Design
115 Splitter Ant Design
116 Tour Ant Design
117 Tree Ant Design
118 Watermark Ant Design

References

  1. Ant Design
  2. DaisyUI
  3. MUI
  4. shadcn/ui

Form Components

Group Component
Form Button
Form Input
Form Textarea
Form Select
Form Checkbox
Form Radio
Form Toggle
Form Label

Typography

  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • p

Charts