Xela UI kit for React Web components
React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.
1900+ variants of 30 components
Accordions, Alerts, Badges, Breadcrumbs, Buttons, Charts and more
50 templates for mobile & desktop
Web app layouts made with care of usability and attention to details
Toggle between dark & light
We crafted XELA with a purpose to swap between themes without a hassle
Organized, based on auto-layout
App design quickstarterfor startups, indiehackers or busy designers
Preview 2,000+ components
Preview 50+ templates
Light & Dark themes
Get started⚡
Xela UI kit for Figma
Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.
Xela Design & Code bundle
Grab this 5-in-1 design & code bundle with Figma, React, Flutter, SwiftUI & Jetpack Compose components included and 150+ pre-coded screens (all with sources).
Xela for React
10 ready-made web app screens with 39 blocks based on 30 fully coded React components. Source code for React included.
Xela for Flutter
36 ready-made app screens based on 66 widgets. Source code for Android Studio Project, Flutter.
Xela for Android
36 ready-made app screens based on 66 widgets. Source code for Android Studio, Jetpack Compose, min SDK 26, target SDK 30.
Xela for Swift
36 ready-made application screens based on 66 widgets. Source code for Swift 5+, SwiftUI, iOS 13+, Xcode.
Hire us to custom design & code! Let's build together ✊
FAQs
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.
l am new to Figma. Should I try your kits?
Definitely! Our products help 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.
How to import your kits?
Importing .FIG files into Figma: https://help.figma.com/hc/en-us/articles/360041003114-Import-files-to-the-file-browser
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 proiects with your products?
Yes! You can build an unlimited amount of commercial projects using Setproduct assets. But, please, consider a license type before making a purchase.
I have a project. Can I hire you?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in the production using a wide variety of popular frameworks and technologies.
If you have a project to design & develop, simply contact us describing your brief, budget, and expectations.
I 💜 Your designs, but can I have a discount?
We provide discounts for those, who scrolled to the bottom and revealed our proposal. 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 the upcoming purchase. Please, provide a specific product name you've put your eye on.
Figma Templates & UI kits
.avif)
Material X for Figma
Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma
.avif)
Material You UI kit
Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.
Figma React UI kit
Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.
.avif)
Panda Design System
Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.
.avif)
Eclipse UI kit
Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.
Rome UI kit for Figma
Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.
Material Design System
Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.
Neolex Dashboard UI kit
Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.
.avif)
Material Desktop Dashboard UI kit
Figma library with 48+ dashboard templates based on reusable desktop app patterns carefully handpicked from the most popular web apps.
.avif)
Xela UI kit for Figma
Figma library with 1900+ variants of 30 components categories to craft perfectly shaped desktop & mobile apps. Customizable & Adjustable dashboard design system with 50+ web app templates.
Figma S8 Design System
Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.
OE Figma Design System
Customizable and well-organized Figma library. This design system aimed to build highly loaded interfaces, boost the speed and save more costs.
Figma iOS kit
Figma library of iOS patterns served as ready-made templates. This UI kit inspired by World's best apps. Based on Human Interface guidelines.
Figma S8 Design System
Figma design library for mobile and desktop apps made of high quality styled components. Full version includes 67 dashboard templates.
.avif)
Most iOS UI kit for Figma
iOS native components and app templates organized into a «Most Design System» fully compatible with Apple's Human Interface guidelines.
Rome UI kit for Figma
Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.
Material Design System
Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.
.avif)
Nucleus UI
Nucleus UI contains 1000 components and variants with 500+ mobile screens designed for Figma (including 9 themes from Event, E-commerce, Finance, NFT, etc.).
.avif)
Figma Android UI kit
Components-driven Android mobile UI library for Figma. Consists of 140 high quality application templates made of total 250+ UI components.
Mobile X UI kit
Customizable & adjustable iOS / Android design system loaded with ready-made 157 app templates based on 860+ variants for 20 components.
Appka iOS UI kit
Customizable & adjustable iOS design system with 4100+ variants for 28 components and 280+ ready-to-use app layouts crafted for Figma.
.avif)
Full iOS UI kit
Customizable iOS design system with 320 ready-to-use app layouts. You can modify them or use as it is to save time and never design from scratch again.
Xela for Flutter
XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.
Xela for Android
Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.
Xela for Swift
Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.
Material You UI kit
Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.
Figma Charts UI kit
Components-driven graphs design kit for dashboards, presentations, infographics & data visualisation. Includes 25+ charts types for all the viewports.
Hyper Charts
Create impressive visuals with Figma's graphs templates – dozens of scalable and customizable data visualization blocks for dark and light modes.
Orion UI kit
Figma library with 40+ full-width charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens.
%20(1).avif)
Xela for React
React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.
Figma React UI kit
Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.
Material X for Figma
Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma
Xela for Flutter
XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.
Xela for Android
Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.
Xela for Swift
Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for Figma & SwiftUI.
Material You UI kit
Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.
Xela for React
React based components library for beautiful user interface in React apps. Lightweight library for your projects. Contains pre-made web app templates.
Levitate 3D kit for Figma
Components-driven 3D kit to design eye-catching Figma presentations. Helps to enhance your landing page, product or app, brand ident, etc.
%20(1).avif)
Website templates UI kit
Landing pages reusable templates kit based on most effective web design patterns. 140+ dark & light constrained design blocks.
.avif)
Figma Landing Pages UI kit
Landing pages templates library based on constrained & organized components aimed to speed-up the production of effective websites.
.avif)
Zeus UI kit
Create hassle-free landing pages in Figma. This kit is based on 10 landing page templates, powered by 1600+ variants for 630+ web blocks.
