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
Effects in UI design are visual enhancements like shadows or animations that make elements look better and help users understand how to interact with them