Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kekland/equinox
Flutter UI library based on Eva Design System ✨
https://github.com/kekland/equinox
flutter flutter-components flutter-package flutter-plugin flutter-ui flutter-widget ui-kit
Last synced: about 1 month ago
JSON representation
Flutter UI library based on Eva Design System ✨
- Host: GitHub
- URL: https://github.com/kekland/equinox
- Owner: kekland
- License: mit
- Archived: true
- Created: 2019-06-19T14:03:14.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-05-07T13:55:45.000Z (about 4 years ago)
- Last Synced: 2024-03-15T12:52:56.990Z (4 months ago)
- Topics: flutter, flutter-components, flutter-package, flutter-plugin, flutter-ui, flutter-widget, ui-kit
- Language: Dart
- Size: 1.46 MB
- Stars: 329
- Watchers: 11
- Forks: 33
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Lists
- awesome-made-in-kz - Equinox
README
# equinox
[
](https://eva.design)
[](https://pub.dev/packages/equinox)
A [**Eva Design**](https://eva.design) implementation in Flutter.
## Screenshots
## Tutorials and documentation
You can check out the documentation in [**here**](https://pub.dev/documentation/equinox/latest/), and wiki in [**here**](https://github.com/kekland/equinox/wiki).
## Getting started
### Depend on it
Add this to your package's pubspec.yaml file:
```yaml
dependencies:
equinox: ^0.3.3
```
### Install it
You can install packages from the command line:
```bash
$ flutter pub get
```
### Import it
Now in your Dart code, you can use:
```dart
import 'package:equinox/equinox.dart';
```
### Setup
You have to replace `MaterialApp` or `CupertinoApp` with `EquinoxApp`.
```dart
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return EquinoxApp(
theme: EqThemes.defaultLightTheme,
title: 'Flutter Demo',
home: HomePage(),
);
}
}
```
Then, instead of a `Scaffold` you have to use `EqLayout`.
```dart
@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.
```dart
EqButton(
appearance: WidgetAppearance.ghost,
onTap: () {},
label: 'Log in',
size: WidgetSize.large,
status: WidgetStatus.primary,
),
```
## Customization
Customization is done using [stylist](https://github.com/kekland/stylist). I will write a guide on styling your app soon.
## Other Eva Design implementations
- [**Angular**](https://github.com/akveo/nebular)
- [**React Native**](https://github.com/akveo/react-native-ui-kitten)
## Icons
The [Eva Icons Flutter](https://github.com/piyushmaurya23/eva_icons_flutter) package is already integrated into Equinox, so you can use it right away by using `EvaIcons`.
## Credits
- Eva Design Team: [Repository](https://github.com/eva-design/eva)
## Contact me
**E-Mail**: `[email protected]`