https://github.com/breitburg/zephyr

Zephyr is a modern and cute design system implementation in Flutter, inspired by Zenly, Snapchat and Dualingo
https://github.com/breitburg/zephyr

cute design-system

Last synced: 1 day ago
JSON representation

Zephyr is a modern and cute design system implementation in Flutter, inspired by Zenly, Snapchat and Dualingo

• Host: GitHub
• URL: https://github.com/breitburg/zephyr
• Owner: breitburg
• License: mit
• Created: 2022-04-22T10:52:13.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-19T22:54:53.000Z (over 2 years ago)
• Last Synced: 2023-08-09T13:40:32.477Z (over 1 year ago)
• Topics: cute, design-system
• Language: Dart
• Homepage: https://www.figma.com/community/file/1102282987900002449
• Size: 7.11 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Zephyr

A modern and cute design system, inspired by Zenly, Snapchat and Dualingo. Implemented completely from scratch, without [`material`](https://api.flutter.dev/flutter/material/material-library.html) package usage.

![Figly mockup in Figma](https://user-images.githubusercontent.com/25728414/166345247-8ed63a0e-0218-4657-859c-bc23e14c1e7b.png)

Before usage you need to import Zephyr package:

```dart

import 'package:zephyr/zephyr.dart';

```

## Usage

Define `ZephyrApp` as a root widget. It contains all essential components like theme, navigator, and routes.

```dart

// Example of [ZephyrApp] initialization

ZephyrApp(

    title: 'Example App',

    home: HomeScreen(),

    theme: ThemeData(

        backgroundColor: Colors.burple,

    ),

);

```

## Lab

At the `example/` directory you can find the "Zephyr Lab". A utility that helps to test Zephyr design system framework.

- [Get the latest build from TestFlight](https://testflight.apple.com/join/8Kby2eKK)

- [Open web-version](https://zephyrlab.onrender.com/)