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
In web design, an accordion is a type of menu that displays a list of headers stacked on top of one another. When clicked on (or triggered by a keyboard interaction or screen reader), these headers will either reveal or hide associated content.