Flutter UI library based on Eva Design System - with every component you need for an app.


Keywords
flutter, flutter-components, flutter-package, flutter-plugin, flutter-ui, flutter-widget, ui-kit
License
MIT

Documentation

equinox

Eva Design System Pub

A Eva Design implementation in Flutter.

Warning

This project is still in development stages. There will be a proper documentation soon.

Done

EqTheme, EqAppBar, EqCard, EqTabs, EqTextField, EqButton, EqIconButton, EqCheckbox, EqToggle, EqRadio, EqSelect, EqSpinner, EqToastService, EqDialogService, EqProgressBar, EqText

Work in progress

Stepper, Accordion, Sidebar, Avatar, Badge

Screenshots

Tutorials and documentation

You can check out the documentation in here.

Getting started

Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  equinox: ^0.0.13

Install it

You can install packages from the command line:

$ flutter pub get

Import it

Now in your Dart code, you can use:

import 'package:equinox/equinox.dart';

Setup

You have to replace MaterialApp or CupertinoApp with EquinoxApp.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return EquinoxApp(
      theme: Themes.defaultTheme,
      title: 'Flutter Demo',
      home: HomePage(),
    );
  }
}

Then, instead of a Scaffold you have to use EqLayout.

@override
Widget build(BuildContext context) {
  return EqLayout(
    appBar: EqAppBar(
      centerTitle: true,
      title: 'Auth test',
      subtitle: 'v0.0.3',
    ),
    child: MyBody(),
  );
}

Use it

Every widget in Equinox is prefixed with Eq. For example, EqButton, EqTabs, etc.

EqButton(
  appearance: WidgetAppearance.ghost,
  onTap: () {},
  label: 'Log in',
  size: WidgetSize.large,
  status: WidgetStatus.primary,
),

Other Eva Design implementations

Icons

The Eva Icons Flutter package is already integrated into Equinox, so you can use it right away by using EvaIcons.

Credits

Contact me

E-Mail: kk.erzhan@gmail.com