Xela Design Kit - Components for Flutter

Ready-made collection of fully customizable widgets and reusable components for Flutter

Xela Design System focuses on beautiful user interface and UX application interoperability. It's easy to learn and integrate with your projects. Contains no dependencies on other libraries or frameworks. The library uses native and material elements from Flutter. Lightweight library for your projects. A large number of examples of using the Xela UIKit library components, both separately components from the library, blocks for composing screens, as well as ready-made application templates, in which you only need to add business logic and customize to the needs of your application.

Installation Guide

1. Just Drag'n'Drop xelauikit folder in lib main package your Flutter project in IDE
2. Add intl: ^0.17.0 into dependies pubspec.yaml
3. Use it!

Xela Example App Structure

In a project you find:

1. Library xelauikit
2. Example for use all Components from Flutter Library in components

Links

Official site

Documentation Flutter

Documentation Jetpack Compose

Documentation SwiftUI

Preview Apps

Components

• Typography
• Colors
• Accordion
• Alert
• Avatar
• Badge
• Button
• Chart - Premium version
• Checkbox
• Chips
• Date Picker - Premium version
• Dialogs - Premium version
• Divider
• Number Input - Premium version
• Range Slider - Premium version
• Radio Button - Premium version
• Segmented Control - Premium version
• Slider Input
• Steps - Premium version
• Tab - Premium version
• Textarea - Premium version
• Text Input
• Toast - Premium version
• Toggle - Premium version
• Tooltip - Premium version