Figma components
brought to perfection
Explore the world's largest Figma UI kit. Discover best practices for highly efficient design system organization.
Styles & Tokens
350 styles, 358 variables
Components
65 categories
Accordion
→
Accordion
→
Accordion
→
Alert & Notification
→
Alert & Notification
→
Alert & Notification
→
Annotation
→
Annotation
→
Annotation
→
Avatar
→
Avatar
→
Avatar
→
Breadcrumbs
→
Breadcrumbs
→
Breadcrumbs
→
Browser
→
Browser
→
Browser
→
Button
→
Button
→
Button
→
Button Group
→
Button Group
→
Button Group
→
Calendar
→
Calendar
→
Calendar
→
Cards
→
Cards
→
Cards
→
Carousel
→
Carousel
→
Carousel
→
Chart
→
Chart
→
Chart
→
Chat
→
Chat
→
Chat
→
Checkbox
→
Checkbox
→
Checkbox
→
Checkbox Group
→
Checkbox Group
→
Checkbox Group
→
Chip & Badge
→
Chip & Badge
→
Chip & Badge
→
Chip List
→
Chip List
→
Chip List
→
Color Picker
→
Color Picker
→
Color Picker
→
Combobox
→
Combobox
→
Combobox
→
Command Panel
→
Command Panel
→
Command Panel
→
Counter
→
Counter
→
Counter
→
Date Picker
→
Date Picker
→
Date Picker
→
Dialog
→
Dialog
→
Dialog
→
Divider
→
Divider
→
Divider
→
Drawer
→
Drawer
→
Drawer
→
Dropdown List
→
Dropdown List
→
Dropdown List
→
Feedback
→
Feedback
→
Feedback
→
Feeds
→
Feeds
→
Feeds
→
Footer Bar
→
Footer Bar
→
Footer Bar
→
Forms
→
Forms
→
Forms
→
Icons
→
Icons
→
Icons
→
Input
→
Input
→
Input
→
Input OTP
→
Input OTP
→
Input OTP
→
KBD
→
KBD
→
KBD
→
Loader
→
Loader
→
Loader
→
Menu & Sidebar
→
Menu & Sidebar
→
Menu & Sidebar
→
Menu Navigation
→
Menu Navigation
→
Menu Navigation
→
Menubar
→
Menubar
→
Menubar
→
Modal
→
Modal
→
Modal
→
Navbar
→
Navbar
→
Navbar
→
Pagination
→
Pagination
→
Pagination
→
Player
→
Player
→
Player
→
Popover
→
Popover
→
Popover
→
Pricing
→
Pricing
→
Pricing
→
Progress
→
Progress
→
Progress
→
Radio Button
→
Radio Button
→
Radio Button
→
Radio Group
→
Radio Group
→
Radio Group
→
Rating
→
Rating
→
Rating
→
Scroll Bar
→
Scroll Bar
→
Scroll Bar
→
Select
→
Select
→
Select
→
Skeleton
→
Skeleton
→
Skeleton
→
Slider
→
Slider
→
Slider
→
Stepper
→
Stepper
→
Stepper
→
Table
→
Table
→
Table
→
Tablist
→
Tablist
→
Tablist
→
Tabs
→
Tabs
→
Tabs
→
Text
→
Text
→
Text
→
Time Picker
→
Time Picker
→
Time Picker
→
Toast
→
Toast
→
Toast
→
Toggle
→
Toggle
→
Toggle
→
Tooltip
→
Tooltip
→
Tooltip
→
Tree View
→
Tree View
→
Tree View
→
Uploader
→
Uploader
→
Uploader
→
Widget
→
Widget
→
Widget
→
WYSIWYG
→
WYSIWYG
→
WYSIWYG
→
Templates
57 templates
Account
→
Account
→
Account
→
Activity Feed
→
Activity Feed
→
Activity Feed
→
Analytics
→
Analytics
→
Analytics
→
Broadcasts
→
Broadcasts
→
Broadcasts
→
Documentation
→
Documentation
→
Documentation
→
Email Templates
→
Email Templates
→
Email Templates
→
File Manager
→
File Manager
→
File Manager
→
Kanban
→
Kanban
→
Kanban
→
Login Page
→
Login Page
→
Login Page
→
Mail App
→
Mail App
→
Mail App
→
Messaging
→
Messaging
→
Messaging
→
Music App
→
Music App
→
Music App
→
Reports
→
Reports
→
Reports
→
Repository
→
Repository
→
Repository
→
Sales
→
Sales
→
Sales
→
Settings
→
Settings
→
Settings
→
Storefront
→
Storefront
→
Storefront
→
Whiteboards
→
Whiteboards
→
Whiteboards
→
Widgets
→
Widgets
→
Widgets
→
Web Blocks
500+ website blocks
Articles
→
Articles
→
Articles
→
Blog
→
Blog
→
Blog
→
Calendar
→
Calendar
→
Calendar
→
Checkout
→
Checkout
→
Checkout
→
CTA
→
CTA
→
CTA
→
E-commerce
→
E-commerce
→
E-commerce
→
FAQ
→
FAQ
→
FAQ
→
Features
→
Features
→
Features
→
Footer
→
Footer
→
Footer
→
Forms
→
Forms
→
Forms
→
Gallery
→
Gallery
→
Gallery
→
Hero
→
Hero
→
Hero
→
Navigation
→
Navigation
→
Navigation
→
Page Header
→
Page Header
→
Page Header
→
Pricings
→
Pricings
→
Pricings
→
Site Builder
→
Site Builder
→
Site Builder
→
Social Proof
→
Social Proof
→
Social Proof
→
Stats
→
Stats
→
Stats
→
Charts
130 charts
Bar Chart
→
Bar Chart
→
Bar Chart
→
Donut Chart
→
Donut Chart
→
Donut Chart
→
Gauge Chart
→
Gauge Chart
→
Gauge Chart
→
Heatmap Chart
→
Heatmap Chart
→
Heatmap Chart
→
Line Chart
→
Line Chart
→
Line Chart
→
Maps
→
Maps
→
Maps
→
Pie Chart
→
Pie Chart
→
Pie Chart
→
Radar Chart
→
Radar Chart
→
Radar Chart
→
Scatter Chart
→
Scatter Chart
→
Scatter Chart
→
Why Frames X is the best Figma UI kit and design system?
Maintained since 2017
Frames X's ultimate goal is to provide you with superior assets that solve your daily routine tasks and give them more time for themselves.
Built for absolute customization
Frames X is a superior design system that focuses on customization. Our UI kits a renown for scalability, adoption, and infinite reusability.
The #1 Figma UI kit & design system
The largest and ever-growing design system with over 25k components in 80+ different interface categories.
Master advanced UI design techniques
Instead of learning Figma and design from scratch, learn from real-world design examples and master Figma by working and interacting with it.
new!!
Open-source code components
Turn your Frames X designs into working websites and applications with practical UI components.
new!!
Design and code unified
Hand-off your design with zero effort—build designs and systems that scale with your business.
Why Frames X is the best Figma UI kit and design system?
Maintained since 2017
Frames X's ultimate goal is to provide you with superior assets that solve your daily routine tasks and give them more time for themselves.
Built for absolute customization
Frames X is a superior design system that focuses on customization. Our UI kits a renown for scalability, adoption, and infinite reusability.
The #1 Figma UI kit & design system
The largest and ever-growing design system with over 25k components in 80+ different interface categories.
Master advanced UI design techniques
Instead of learning Figma and design from scratch, learn from real-world design examples and master Figma by working and interacting with it.
new!!
Open-source code components
Turn your Frames X designs into working websites and applications with practical UI components.
new!!
Design and code unified
Hand-off your design with zero effort—build designs and systems that scale with your business.
Why Frames X is the best Figma UI kit and design system?
Maintained since 2017
Frames X's ultimate goal is to provide you with superior assets that solve your daily routine tasks and give them more time for themselves.
Built for absolute customization
Frames X is a superior design system that focuses on customization. Our UI kits a renown for scalability, adoption, and infinite reusability.
The #1 Figma UI kit & design system
The largest and ever-growing design system with over 25k components in 80+ different interface categories.
Master advanced UI design techniques
Instead of learning Figma and design from scratch, learn from real-world design examples and master Figma by working and interacting with it.
new!!
Open-source code components
Turn your Frames X designs into working websites and applications with practical UI components.
new!!
Design and code unified
Hand-off your design with zero effort—build designs and systems that scale with your business.
Join 28,000+ readers and get new articles, UI Kits, and top-quality design resources ↓
no spam, only good stuff 👌