Xela Design & Code Bundle - Figma, React, Flutter, SwiftUI & Jetpack Compose components & ready-made screens.
1900+ variants of 23 components to craft perfectly shaped Android, iOS & Web apps. Designed in Figma and fully coded in React, Flutter, Jetpack Compose and SwiftUI. Figma Design system Powered by auto-layout 3.0, modern styleguides and free Nunito Sans font. Customizable & Adjustable Design System with 36+ pre-made app layouts for Figma, React, Flutter, Jetpack Compose, SwiftUI. You can modify them or use as it is to save time and release mobile apps faster.
👉 Figma preview / Docs / Google Play / AppStore / React Demo
- 36 ready-made application screens based in 66 widgets.
- 23 ready-to-use components are crafted in Figma and fully coded in React, Flutter, Jetpack Compose & SwiftUI. Organized as the design system
- Xela UIKit includes graphs, charts, date pickers, and other fully functional components
- Designed in Figma, Xela Design System is fully editable and it’s easy to swap fonts & colors
- Source code for Swift 5+, SwiftUI, iOS 13+, Xcode
- Source code for Android Studio, Jetpack Compose, min SDK 26, target SDK 30.
- Source code for Android Studio, Flutter
- Source code for React
Designers, skip creating from scratch those complicated components along with every new project in Figma. Use XELA to concentrate on important things, not on pixel routine
Developers, this design library allows you to learn or enhance design skills. Jump into a process, where you only need to drag and fit a block to build good-looking pages
Managers & CEOs, these templates are ready to be published for teams and provide an opportunity to quickstart massive prototyping immediately and save
Xela_UI_kit.fig & Source code files to import or publish for your team. Contains React, Flutter, Jetpack Compose, SwiftUI and Figma files.