Figma components
brought to perfection
Explore the world's largest Figma UI kit. Discover best practices for highly efficient design system organization.
Table of contents ↓
Styles & Tokens
Components
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
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
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
→
Pricing Table
→
Pricing Table
→
Pricing Table
→
Site Builder
→
Site Builder
→
Site Builder
→
Social Proof
→
Social Proof
→
Social Proof
→
Stats
→
Stats
→
Stats
→
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
The Frames X UI kit streamlines your daily workflow with premium design assets, helping you work more efficiently and save valuable time.
Built for absolute customization
Frames X is a superior design system that focuses on customization. Our UI kits renown for scalability, adoption, and infinite reusability.
The #1 Figma UI kit & design system
World's largest and ever-growing UI kit and design system with over 25k components in 80+ different interface categories.
Master advanced UI design techniques
Instead of learning UI design from scratch, learn from real-world design examples and master Figma by working and interacting with it.
Beta
Open-source code components
Turn your Frames X designs into working websites and applications with practical UI components.
Beta
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
The Frames X UI kit streamlines your daily workflow with premium design assets, helping you work more efficiently and save valuable time.
Built for absolute customization
Frames X is a superior design system that focuses on customization. Our UI kits renown for scalability, adoption, and infinite reusability.
The #1 Figma UI kit & design system
World's largest and ever-growing UI kit and design system with over 25k components in 80+ different interface categories.
Master advanced UI design techniques
Instead of learning UI design from scratch, learn from real-world design examples and master Figma by working and interacting with it.
Beta
Open-source code components
Turn your Frames X designs into working websites and applications with practical UI components.
Beta
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
The Frames X UI kit streamlines your daily workflow with premium design assets, helping you work more efficiently and save valuable time.
Built for absolute customization
Frames X is a superior design system that focuses on customization. Our UI kits renown for scalability, adoption, and infinite reusability.
The #1 Figma UI kit & design system
World's largest and ever-growing UI kit and design system with over 25k components in 80+ different interface categories.
Master advanced UI design techniques
Instead of learning UI design from scratch, learn from real-world design examples and master Figma by working and interacting with it.
Beta
Open-source code components
Turn your Frames X designs into working websites and applications with practical UI components.
Beta
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 👌