What's inside the system?

Rome UI kit logo
Xela UI kit dashboard template

Xela UI kit is mobile-first

Xela UI kit - Figma dashboard design system
Analytics
Mobile template
Xela UI kit - Figma dashboard design system
Analytics
Mobile template
Xela UI kit - Figma dashboard design system
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Data Table
Mobile template
Xela UI kit - Figma dashboard design system
Ecommerce
Mobile template
Xela UI kit - Figma dashboard design system
Ecommerce
Mobile template
Xela UI kit - Figma dashboard design system
Search Results
Mobile template
Xela UI kit - Figma dashboard design system
Search Results
Mobile template
Xela UI kit - Figma dashboard design system
Mailbox
Mobile template
Xela UI kit - Figma dashboard design system
Mailbox
Mobile template
Xela UI kit - Figma dashboard design system
Media
Mobile template
Xela UI kit - Figma dashboard design system
Media
Mobile template
Xela UI kit - Figma dashboard design system
Social
Mobile template
Xela UI kit - Figma dashboard design system
Social
Mobile template
Xela UI kit - Figma dashboard design system
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Project Manager
Mobile template
Xela UI kit - Figma dashboard design system
Analytics
Mobile template
Xela UI kit - Figma dashboard design system
Analytics
Mobile template
Xela UI kit - Figma dashboard design system
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Data Table
Mobile template
Xela UI kit - Figma dashboard design system
Ecommerce
Mobile template
Xela UI kit - Figma dashboard design system
Ecommerce
Mobile template
Xela UI kit - Figma dashboard design system
Search Results
Mobile template
Xela UI kit - Figma dashboard design system
Search Results
Mobile template
Xela UI kit - Figma dashboard design system
Mailbox
Mobile template
Xela UI kit - Figma dashboard design system
Mailbox
Mobile template
Xela UI kit - Figma dashboard design system
Media
Mobile template
Xela UI kit - Figma dashboard design system
Media
Mobile template
Xela UI kit - Figma dashboard design system
Social
Mobile template
Xela UI kit - Figma dashboard design system
Social
Mobile template
Xela UI kit - Figma dashboard design system
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Project Manager
Mobile template

Xela UI kit is desktop-ready

Xela UI kit - Figma dashboard design system
Analytics
Desktop template
Xela UI kit - Figma dashboard design system
Checkout
Desktop template
Xela UI kit - Figma dashboard design system
Data Table
Desktop template
Xela UI kit - Figma dashboard design system
Ecommerce
Desktop template
Xela UI kit - Figma dashboard design system
Search Results
Desktop template
Xela UI kit - Figma dashboard design system
Mailbox
Desktop template
Xela UI kit - Figma dashboard design system
Media
Desktop template
Xela UI kit - Figma dashboard design system
Social
Desktop template
Xela UI kit - Figma dashboard design system
Task Manager
Desktop template
Xela UI kit - Figma dashboard design system
Project Manager
Desktop template
Xela UI kit - Figma dashboard design system
Analytics
Desktop dark
Xela UI kit - Figma dashboard design system
Checkout
Desktop dark
Xela UI kit - Figma dashboard design system
Data Table
Desktop dark
Xela UI kit - Figma dashboard design system
Ecommerce
Desktop dark
Xela UI kit - Figma dashboard design system
Search Results
Desktop dark
Xela UI kit - Figma dashboard design system
Mailbox
Desktop dark
Xela UI kit - Figma dashboard design system
Media
Desktop dark
Xela UI kit - Figma dashboard design system
Social
Desktop dark
Xela UI kit - Figma dashboard design system
Task Manager
Desktop dark
Xela UI kit - Figma dashboard design system
Project Manager
Desktop dark

Xela UI kit was made of components

Xela UI kit - Figma dashboard design system
Accordions
Xela UI kit - Figma dashboard design system
Alerts
Xela UI kit - Figma dashboard design system
Avatars
Xela UI kit - Figma dashboard design system
Badges
Xela UI kit - Figma dashboard design system
Breadcrumbs
Xela UI kit - Figma dashboard design system
Buttons
Xela UI kit - Figma dashboard design system
Charts
Xela UI kit - Figma dashboard design system
Checkboxes
Xela UI kit - Figma dashboard design system
Chips
Xela UI kit - Figma dashboard design system
Color Tokens
Xela UI kit - Figma dashboard design system
Datepickers
Xela UI kit - Figma dashboard design system
Dialogs
Xela UI kit - Figma dashboard design system
Numeric Inputs
Xela UI kit - Figma dashboard design system
Pagination
Xela UI kit - Figma dashboard design system
Radio Buttons
Xela UI kit - Figma dashboard design system
Sliders Range
Xela UI kit - Figma dashboard design system
Rating
Xela UI kit - Figma dashboard design system
Segmented Controls
Xela UI kit - Figma dashboard design system
Selection
Xela UI kit - Figma dashboard design system
Sliders
Xela UI kit - Figma dashboard design system
Steps
Xela UI kit - Figma dashboard design system
Switches
Xela UI kit - Figma dashboard design system
Tables
Xela UI kit - Figma dashboard design system
Tabs
Xela UI kit - Figma dashboard design system
Text Inputs
Xela UI kit - Figma dashboard design system
Textareas
Xela UI kit - Figma dashboard design system
Toasts
Xela UI kit - Figma dashboard design system
Tooltips
Xela UI kit - Figma dashboard design system
Typography
Accordions, Alerts, Badges, Breadcrumbs, Buttons, Charts, Checkboxes, Chips, Colors, Datepickers, Dialogs, Inputs, Pagination, Radio buttons, Sliders, Segments and more

1900+ variants for 30 components

Xela UI kit for Figma - dashboard design system
50+ dashboard templates made with care of usability: Analytics, Checkout, Data table, Ecommerce, Job search, Mailbox, Music service, Social, Tasks, Projects

Responsive layouts desktop & mobile

Xela UI kit for Figma - dashboard design system
Get started⚡
Pay once & use forever this well-crafted Figma libraries with code to release any apps 3x faster.
Xela UI kit for Figma
$128
Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout. Preview in Figma →
Buy Now
Xela Design & Code bundle
$499
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).
Buy Now
Xela for React
$258
10 ready-made web app screens with 39 blocks based on 30 fully coded React components. Source code for React included.

Demo / Docs →
Buy Now
Xela for Flutter
$258
36 ready-made app screens based on 66 widgets. Source code for Android Studio Project, Flutter.

Demo / Docs →
Buy Now
Xela for Android
$258
36 ready-made app screens based on 66 widgets. Source code for Android Studio, Jetpack Compose, min SDK 26, target SDK 30.
Demo / Docs →
Buy Now
Xela for Swift
$258
36 ready-made application screens based on 66 widgets. Source code for Swift 5+, SwiftUI, iOS 13+, Xcode.

Demo / Docs →
Buy Now
Questions and Answers