Welcome to Xela Design System Kit components for Flutter

Xela UIKit - Flutter based components library for beautiful user interface in Flutter apps.


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. Unzip downloaded library file xelauikit.zip
  2. Just Drag'n'Drop xelauikit folder in lib main package your Flutter project in IDE
  3. Add intl: ^0.17.0 into dependies pubspec.yaml
  4. 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
  3. Example for use in View blocks from Flutter Library in blocks
  4. Example for use in Templates from Flutter Library in templates