Foundations
Colors
Typography
Icons, Logos & Flags
Spacings & Grids
Effects
Credit Cards
Mockups & Graphic Assets
Components
Buttons
Button groups
Inputs
Dropdowns
Checkboxes
Radio buttons
Toggle swithces
Cards
Accordion
Avatars
Chips
Badge labels
Alerts
Status indicators
Steppers
Pagination
Progress bars
Spinners
Uploaders
Tabs
Rich Text Editor
Tooltips
Sliders
Breadcrumbs
Core Components
Product Components & Screens
Sidebar Navigation
Top navigation bar
Widgets
Tables
Charts
Modals
Date Pickers
Command menus
Lists & cards
Crypto wallet app
Product management app
Banking & Finance app
Dashboards
Calendar
Messages
Email
Settings
Authentication
Landing page sections
Header sections
Navigation bars
Section headers
Features
Bento grids
Pricing sections
Blog sections
CTA sections
Contact sections
Footer sections
A modal (also called a modal window or lightbox) is a web page element that displays in front of and deactivates all other page content. To return to the main content, the user must engage with the modal by completing an action or by closing it.
