Design & Develop Faster with
all-in-one Xela Design Kit

Xela Design System focuses on beautiful user interface and UX application interoperability.
It's easy to learn and integrate with your projects.
iOS Library
Xela SwiftUI Library
Designed for iOS Developers. We provide fully coded customizable components, widgets and well-organized iOS screens for SwiftUI.
Xela SwiftUI Library
Flutter Library
Xela Flutter Library
XelaUI for Flutter is a simple, modular and accessible component library that gives you the building Flutter apps for mobile and desktop.
Xela Jetpack Compose Library
Android Library
Android Library
Xela Jetpack Compose Library
Ready-made collection of fully customizable widgets, UI screens and reusable components for Android coded with Jetpack Compose.
Xela Jetpack Compose Library
React Library
Xela React Library
Perfectly shaped UI kit for Figma with reusable templates for Desktop & Mobile apps.
Xela React Library
Figma UI Kit
Design System for Figma
Perfectly shaped UI kit for Figma with reusable templates for Desktop & Mobile apps.
Design System for Figma
Flutter Library
Free Xela Flutter Library
Xela UI Flutter Free has ready to use components for building your apps and as example code of library

Speed up your design workflow with Figma
Design System

Xela UI kit for Figma offers a full collection of perfectly shaped components powered by Auto-layout and based on Variants. Labeled, scalable, and paginated into 31 categories to design for desktop & mobile apps faster.
Buy only Figma Design System Preview in Figma
Components & Variants
Components are thoughtfully built with multiple variations for dynamic use.
Global styles
Styles of colors, texts, and effects are applied to all layers. Edit in one place, change everywhere.
Light & Dark Theme
Light and dark themes are supported to fit any type of project.
Auto-Layout
Auto layout is applied for easy resizing and responsive design.
Icon library
Universal icons are prepared in three styles. Looks good in any component size or situation.
4pt Grid System
Design pixel-perfect interfaces of any complexity. All elements accord to the 4pt grid.
Build Anything

35+ ready-made app screens

Designed for Developers. XELA Design Kit provides a complete ready-made collection of fully customizable components, UI screens and Widgets to help you build native apps on iOS & Android.
Design

Modern & Versatile UI

This product is created taking into account modern trends in interface design. The design of your project made by this set will be relevant for several years.
Ready for Developers

Easy to integrate

It's easy to learn and integrate with your projects. Contains no dependencies on other libraries or frameworks. The library uses native elements from SwiftUI and Jetpack Compose.
Documentation

Well-documented

Consistent and well-documented design regardless of what type of interface you create.

Try live from your Device.
See what your application can be like!

Start saving time
with XELA Design Kit

Flutter Library
Xela Flutter Library
  • Figma Design System
  • Documentation
  • Flutter Library
  • Free Lifetime access to future updates
  • Example App Code for Flutter
Android Library
Xela Jetpack Compose Library
  • Figma Design System
  • Documentation
  • Android Jetpack Compose Library
  • Free Lifetime access to future updates
  • Example App Code for Android
iOS Library
Xela SwiftUI Library
  • Figma Design System
  • Documentation
  • iOS SwiftUI Library
  • Free Lifetime access to future updates
  • Example App Code for iOS
Most popular
Complete Pack
  • Figma Design System
  • Example App Code iOS
  • SwiftUI Library
  • Example App Code for Android
  • Jetpack Compose Library
  • Example App Code for Flutter
  • Flutter Library
  • Documentation
  • Free Lifetime access to future updates
Figma Design System
Xela Figma Design System
  • Figma Design System
  • Components
  • UI widgets
  • Free Lifetime access to future updates
  • Templates
React Library
Xela React Library
  • Figma Design System
  • Documentation
  • React Library
  • Free Lifetime access to future updates
Safety payments provided by Gumroad.
The standard VAT rate may be charged, following the law of your country.

Frequently asked questions

What do you mean by "Figma Design System"?
You will have access to download the full Figma project including all of the pages, the components, responsive pages, and also the icons, illustrations, and images included in the screens.
What do the "SwiftUI and Jetpack Compose" libraries contain?
We provide a complete ready-made collection of fully customizable components, UI screens & Widgets to help you build native apps on iOS & Android. It's easy to learn and integrate with your projects. Contains no dependencies on other libraries or frameworks. The library uses native elements from SwiftUI and Jetpack Compose.
What do the "Example app code" contain?
We provide the source code of applications that are published on Google Play and the App Store. You can use it as an example or for your projects.
How do I purchase a license for my entire team?

You must select the proper license type according to the number of users if you're purchasing our product for the business.

Business license — for startups or enterprise organizations to use for a local team or publish

Individual license — for freelancers, indie developers, or solopreneurs working on a single project

Can I build commercial projects with this design kit?
Yes! You can build an unlimited amount of commercial or personal projects with your license. But, please, consider your organization size while picking a license.
What does "lifetime access" exactly mean?
Once you have purchased either the design, code, or both packages, you will have access to all of the future updates, free of charge.
Is the payment secure?
Sure, safety payments provided by Gumroad. Their providers meet current security standards for handling payment information.
What does “free updates” include?
We planning to add new UI components and features regularly over time and all new components added will be totally free for existing customers. It will also include corrected defects and improved current components.

Contact Us

Cannot find the component, you needed?

Want to give us some feedback about our work?

Found some problem or have an idea for the improvement?

Want to ask us some question about the Xela Design Kit?