Become an affiliate and earn up to 35%
You can participate in Setproduct partnership program and earn up to 35% from every sale you made. We provide promo materials and detailed instructions how to boost the conversion
We used to reply ASAP
Hire Setproduct professionals for your project
We'll take any of our Figma design systems, adjust with your brand guidelines, create all the additional custom templates, and code a web application based on React, Angular, Vue or etc.
How to reach you out?
Type of job
Select design system
Whats your approximate budget?
URL (optional)
We used to reply ASAP
Looking for a custom design based on our Figma templates? We are ready to customize any of our UI kit personally for you and create custom design based on your brief, wireframes, outdated UI or online call. Please, fill the form below or drop us a line at hello@setproduct.com
Your e-mail
Pick a design system for your project
Pick a project size
Describe in a few words (optional)
For browser-based applications
For iOS & Android mobile apps
Whats your budget, USD
Please, provide the approximate number. The total price depends on the amount of templates in your order
1000
10000
Hide this message
Close

60 dashboard templates: Start screen, Analytics, Data grid, Profile, Settings, Inputs and more to come in upcoming updates which are free

Figma React templates

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
Financial tables (DeFi)
Tablet template
Figma React UI kit - Setproduct design system
Financial tables (DeFi)
Mobile template
Figma React UI kit - Setproduct design system
Dashboard with charts
Desktop template
Figma React UI kit - Setproduct design system
Dashboard with charts
Mobile template
Figma React UI kit - Setproduct design system
Dashboard with metrics & table
Mobile template
Figma React UI kit - Setproduct design system
Start screen (Home)
Mobile template
Figma React UI kit - Setproduct design system
Financial tables (DeFi)
Desktop 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
Tablet 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
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

3700+ variants of UI items · React docs

31 components for Figma & React to quickstart. The fullest UI kit was crafted in Figma then synced with React via the styled Blueprint.js library.
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
UI kit was made in Figma then synced with React via styled Blueprint.js library

Design System for Figma & React

Figma React UI kit - Setproduct Design System
Organized & named, with Auto-layout & Variants. Customizable, scalable!

3700+ variants of 31 components

Color tokens, Font styles, Reflexed shadows to allow you quickly remix styles

Ready for deep themification

Figma React UI kit - Setproduct Design System
Start screen, Analytics, Data grid, Profile, Settings, Inputs and more to come

60 dashboard templates

Figma React UI kit - Setproduct Design System
Figma React UI kit - Setproduct Design System
Get started with
Setproduct Design System
Figma React UI kit is a design system quickstarter to push up your release
Free to try
From Figma community
Lite version with several component sections to check the quality and organization

Duplicate
⭐ PRO Templates
Starting from $258
Business system: 31 components, 3700+ variants, 60 dashboard templates for Figma & React
Figma previewLive demo
Pick a license
Components only
Starting from $158
Full system: 31 components and 3700+ variants for Figma & React (No dashboard templates)
Figma previewReact docs
Pick a license
Questions and Answers
I am new to Figma. Should I try your kits?
Definitely! Suddenly, we've discovered a lot of purchases by customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.
Which license type should I choose?
You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.

Business license — for startups or enterprise organizations to use for a local team or publish in Figma library
Individual license — for freelancers, indie developers, or solopreneurs working on a single project
Can I build commercial projects with this design system?
Yes! You can build unlimited amount of commercial or personal projects with your license. But, please, consider your organization size while picking a license.
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
I want to delegate. Can I hire your team to design & code for me?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in React / Angular / Vue. If you're looking for front-end solutions based on our design assets, simply contact us describing your brief, budget, and expectations.
Guys, I am in ❤ with your designs, but can I have a discount?
Due to the quality and detailzation, our products may look too expensive for somebody. We do understand! Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for a Single/Individual license (only) for any single UI kit you'll pick!