Error get alias
Error get alias

31 category of components, 3700+ variants, 60 dashboard templates designed in Figma and exported to React to build web apps faster

Figma React UI kit

We've just released 60+ dashboard templates for Figma and coded in React > Live demo
Figma React UI kit - Setproduct design system components
Badges
Figma React UI kit - Setproduct design system components
Breadcrumbs
10 variants
Figma React UI kit - Setproduct design system components
Action Buttons
160 variants
Figma React UI kit - Setproduct design system components
Card Buttons
160 variants
Figma React UI kit - Setproduct design system components
Circle Buttons
160 variants
Figma React UI kit - Setproduct design system components
Default Buttons
160 variants
Figma React UI kit - Setproduct design system components
Callouts
64 variants
Figma React UI kit - Setproduct design system components
Cards
40 variants
Figma React UI kit - Setproduct design system components
Checkboxes
128 variants
Figma React UI kit - Setproduct design system components
Chips
150 variants
Figma React UI kit - Setproduct design system components
Color Tokens
Figma React UI kit - Setproduct design system components
Counters
320 variants
Figma React UI kit - Setproduct design system components
Detepickers
12 variants
Figma React UI kit - Setproduct design system components
Yearpickers
8 variants
Figma React UI kit - Setproduct design system components
Dialogs
24 variants
Figma React UI kit - Setproduct design system components
Dividers
40 variants
Figma React UI kit - Setproduct design system components
Drawers
9 variants
Figma React UI kit - Setproduct design system components
Dropdowns
96 variants
Figma React UI kit - Setproduct design system components
Footers
24 variants
Figma React UI kit - Setproduct design system components
Search Inputs
96 variants
Figma React UI kit - Setproduct design system components
Default Inputs
160 variants
Figma React UI kit - Setproduct design system components
Lists
36 variants
Figma React UI kit - Setproduct design system components
Menus
16 variants
Figma React UI kit - Setproduct design system components
Navigation Bars
48 variants
Figma React UI kit - Setproduct design system components
Radiobuttons
256 variants
Figma React UI kit - Setproduct design system components
Shadow Tokens
Figma React UI kit - Setproduct design system components
Sliders
64 variants
Figma React UI kit - Setproduct design system components
Spinners
648 variants
Figma React UI kit - Setproduct design system components
Switches
192 variants
Figma React UI kit - Setproduct design system components
Tab Components
48 variants
Figma React UI kit - Setproduct design system components
Tables
18 variants
Figma React UI kit - Setproduct design system components
Default Tabs
32 variants
Figma React UI kit - Setproduct design system components
Segmented Tabs
320 variants
Figma React UI kit - Setproduct design system components
Timepickers
24 variants
Figma React UI kit - Setproduct design system components
Toasts
48 variants
Figma React UI kit - Setproduct design system components
Tooltips
48 variants
Figma React UI kit - Setproduct design system components
Trees
16 variants
Figma React UI kit - Setproduct design system components
Typography Tokens
Error get alias

Preview React templates · Live demo

Popular dashboard patterns: Start screen, Analytics, Data grid, Profile, Settings, Inputs and more to come in upcoming updates which are free.
Figma React UI kit - Setproduct design system
Dashboard with charts
Desktop template
Figma React UI kit - Setproduct design system
Dashboard with metrics & table
Mobile template
Figma React UI kit - Setproduct design system
Dashboard with charts
Mobile template
Figma React UI kit - Setproduct design system
Financial tables (DeFi)
Desktop template
Figma React UI kit - Setproduct design system
Financial tables (DeFi)
Mobile template
Figma React UI kit - Setproduct design system
Financial tables (DeFi)
Tablet template
Figma React UI kit - Setproduct design system
Start screen (Home)
Desktop template
Figma React UI kit - Setproduct design system
Start screen (Home)
Mobile template
Figma React UI kit - Setproduct design system
Start screen (Home)
Mobile template
Figma React UI kit - Setproduct design system
Start screen (Home)
Tablet template
Figma React UI kit - Setproduct design system
Inputs & Text fields
Desktop template
Figma React UI kit - Setproduct design system
Inputs & Text fields
Mobile template
Figma React UI kit - Setproduct design system
Inputs & Text fields
Mobile template
Figma React UI kit - Setproduct design system
Inputs & Text fields
Mobile template
Figma React UI kit - Setproduct design system
Inputs & Text fields
Tablet template
Figma React UI kit - Setproduct design system
Profile & Settings
Desktop template
Figma React UI kit - Setproduct design system
Profile & Settings
Mobile template
Figma React UI kit - Setproduct design system
Profile & Settings
Mobile template
Figma React UI kit - Setproduct design system
Profile & Settings
Tablet template
Designed in Figma, then carefully
Exported to React to match the UI

Library of components powered by Figma's auto-layout and Variants. Every UI item comes with Active, Onhovered, Clicked and Disabled styles
React-based UI toolkit for the web. Optimized for building data-dense interfaces for desktop and mobile applications. UI matches with Figma library
Designed in Figma then translated to React. Organized & named to match between design & code, crafted with Auto-layout & Variants. Easy to play with styles and customize.

3700+ variants for 31 components

Figma React UI kit - Setproduct design system
Reusable dashboard layouts in 5 popular categories: Start screen, Analytics, Tables, Profile, Settings, Inputs and more to come. Designed with care of usability and attention to UX details.

60 responsive web app templates

Figma React UI kit - Setproduct design system
Error get alias
Questions and Answers