Magic AI Agent
New
About
Onboarding
Marketing Blocks
Announcements
10
Backgrounds
33
Borders
12
Calls to Action
33
Clients
16
Comparisons
6
Docks
6
Features
33
Footers
14
Heroes
72
Hooks
31
Images
26
Maps
2
Navigation Menus
11
Pricing Sections
16
Scroll Areas
21
Testimonials
12
Texts
54
Videos
8
UI Components
Accordions
38
AI Chats
New
24
Alerts
22
Avatars
14
Badges
22
Buttons
119
Calendars
New
34
Cards
77
Carousels
16
Checkboxes
16
Date Pickers
New
12
Dialogs / Modals
37
Dropdowns
24
Empty States
1
File Trees
2
File Uploads
6
Forms
New
23
Icons
8
Inputs
99
Links
13
Menus
17
Notifications
New
5
Numbers
18
Paginations
19
Popovers
New
22
Radio Groups
22
Selects
59
Sidebars
10
Sign Ins
3
Sign ups
4
Sliders
43
Spinner Loaders
New
17
Tables
28
Tabs
36
Tags
6
Text Areas
22
Toasts
2
Toggles
10
Tooltips
24
21st.dev
Explore
API
Magic MCP
Discover, share, and craft perfect UI components with top design engineers
Built by design engineers, for design engineers.
Browse components
Integrate in IDE AI Agent
Optimized for
+
lovable