Pixel-perfect Figma UI Kit components & templates
Explore the world's largest Figma UI kit. Discover best practices for highly efficient design system organization.
Explore the UI Kit ↓
Tokens & Styles
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
→
Calendar Sheet
→
Calendar Sheet
→
Calendar Sheet
→
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
→
Search
→
Search
→
Search
→
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
→
AI Chat
→
AI Chat
→
AI Chat
→
AI Landing
→
AI Landing
→
AI Landing
→
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
→
Website Layouts
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
→
Free Resources
Figma Forms Examples
→
Figma Forms Examples
→
Figma Forms Examples
→
Figma Button Examples
→
Figma Button Examples
→
Figma Button Examples
→
Figma Pricing Template
→
Figma Pricing Template
→
Figma Pricing Template
→
Figma iPhone Mockup
→
Figma iPhone Mockup
→
Figma iPhone Mockup
→
Figma Tabs Template
→
Figma Tabs Template
→
Figma Tabs Template
→
Figma WYSIWYG Interface
→
Figma WYSIWYG Interface
→
Figma WYSIWYG Interface
→
Super Basic Icons
→
Super Basic Icons
→
Super Basic Icons
→
Emoji 1997 SVG Icons
→
Emoji 1997 SVG Icons
→
Emoji 1997 SVG Icons
→
Figma Colors Palette
→
Figma Colors Palette
→
Figma Colors Palette
→
Why Frames X is the best Figma UI kit and design system?
Maintained since 2017
Frames X is a powerful design system that helps you build beautiful websites and apps. Frames X UI Kit stands out with its intuitive design that lets you build layouts and customize components in minutes, not hours.
Built for absolute customization
Frames X is a design system built for flexibility and speed, with customizable components that adapt to your brand. Thousands of designers trust our UI kits for their robust scalability and ease of use.
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
Use professional-grade components and templates with best practices, helping you create polished interfaces. Learn from real-world design examples.
Beta
Open-source code components
Turn your Frames X designs into working websites and applications with Code Components & Design Tokens.
Beta
UI Kit design and code unified
Hand off your design in Angular or React—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 is a powerful design system that helps you build beautiful websites and apps. Frames X UI Kit stands out with its intuitive design that lets you build layouts and customize components in minutes, not hours.
Built for absolute customization
Frames X is a design system built for flexibility and speed, with customizable components that adapt to your brand. Thousands of designers trust our UI kits for their robust scalability and ease of use.
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
Use professional-grade components and templates with best practices, helping you create polished interfaces. Learn from real-world design examples.
Beta
Open-source code components
Turn your Frames X designs into working websites and applications with Code Components & Design Tokens.
Beta
UI Kit design and code unified
Hand off your design in Angular or React—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 is a powerful design system that helps you build beautiful websites and apps. Frames X UI Kit stands out with its intuitive design that lets you build layouts and customize components in minutes, not hours.
Built for absolute customization
Frames X is a design system built for flexibility and speed, with customizable components that adapt to your brand. Thousands of designers trust our UI kits for their robust scalability and ease of use.
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
Use professional-grade components and templates with best practices, helping you create polished interfaces. Learn from real-world design examples.
Beta
Open-source code components
Turn your Frames X designs into working websites and applications with Code Components & Design Tokens.
Beta
UI Kit design and code unified
Hand off your design in Angular or React—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 👌