UI Elements
Learn how to create useful UI components with ready-to-use code snippets.
Layouts
Made with CSS grid
1- Grid: Basic
2- Grid: Basic with a gap
3- Grid: 1st row 1 item / 2nd row 3 items
4- Grid: 2 rows sidebar
Alerts
1- Basic
2- Basic with icon
3- Basic with title
Badges
1- Basic
2- Circle
3- Basic with gradient
4- Basic with icon
Breadcrumbs
1- Basic
2- Arrows
3- Arrows and highlight
4- Arrows with icon
5- Steps with icons
Buttons
1- Basic
2- Outline
3- Gradient
4- Shadow
5- With icon
6- Disabled
7- Button group
Cards
1- Vertical - Basic
2- Vertical - Inset
3- Vertical - Group
4- Horizontal - Basic
5- Horizontal - Inset
6- Horizontal - Group
Forms
1- Search
2- Search with icon
3- Search multiple options
Navigations
1- Basic
2- Tabs
Paginations
1- Basic
2- With icons
3- With circle
4- Page of total
Tables
1- Basic
2- Rounded
3- Zebra
4- Zebra and hover
5- Data group