Steps

Base Components serve as the foundation of our design system. These fundamental elements providing essential building blocks for creating consistent, cohesive, and user-centric interfaces.

Over 7000+ Base Components, Core Elements, and more!

The list of Core Elements, Base Components, and more within our design system.

typography

Typography

48 styles

color

Color

176 styles, 353 tokens

iconography

Iconography

1300+ Icons

misc icons

Misc Icons

8 components + 1012 variants

grid spacing and radius

Grid, Spacing and Radius

6 styles + 45 variants

effects

Effects

3 effects + 35 styles

logo

Logo

2 components + 60 variants

buttons

Buttons

4 components, 1142 variants

button groups

Button Groups

2 components + 402 variants

input field

Input Field

2 components + 122 variants

dropdowns

Dropdowns

7 components + 117 variants

avatars

Avatars

8 components + 332 variants

breadcrumbs

Breadcrumbs

3 components + 249 variants

badges

Badges

2 components + 1440 variants

checkboxes & radios

Checkboxes & Radios

216 variants

checkbox groups

Checkbox Groups

2 components + 216 variants

toggle

Toggle

224 variants

tooltips

Tooltips

62 variants

progress

Progress

2 components + 140 variants

carousel

Carousel

2 components + 40 variants

slider

Slider

2 components + 21 variants

steps

Steps

5 components + 204 variants

modal

Modal

19 variants

alert

Alert

60 variants

rating

Rating

2 components + 15 variants

tags

Tags

3 components + 110 variants

tabs

Tabs

3 components + 120 variants

timeline

Timeline

4 components + 32 variants

play button

Play Button

4 components + 38 variants

pagination

Pagination

5 components + 38 variants

loading indicators

Loading Indicators

12 variants

divider

Divider

10 variants

skeleton

Skeleton

2 components + 8 variants

web applications

Web Applications

20 examples + 43 variants

dashboard navigation

Dashboard Navigation

9 components + 79 variants

dashboard header

Dashboard Header

2 components + 12 variants

section header

Section Header

3 components + 10 variants

tables

Tables

3 components + 96 variants

charts & graphs

Charts & Graphs

13 components + 421 variants

date picker

Date Picker

5 components + 43 variants

notification

Notification

2 components + 9 variants

file upload

File Upload

3 components + 13 variants

landing pages

Landing Pages

10 Pages

team pages

Team Pages

4 Pages

pricing pages

Pricing Pages

4 Pages

faq pages

FAQ Pages

7 Pages

blog pages

Blog Pages

6 Pages

contact pages

Contact Pages

6 Pages

header

Header

20 variants

blog

Blog

2 components + 27 variants

teams

Teams

2 components + 27 variants

pricing

Pricing

5 components + 62 variants

features

Features

2 components + 56 variants

integrations

Integrations

2 components + 22 variants

faq

FAQ

16 variants

testimonials

Testimonials

16 variants

logo cloud

Logo Cloud

20 variants

statistics

Statistics

14 variants

cta

CTA

14 variants

contact

Contact

4 components + 19 variants

header navigation

Header Navigation

6 components + 87 variants

footers

Footers

87 variants

page header

Page Header

4 variants

Level Up Your Design Workflow

Droit UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours