Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rxlabz/panache

🎨 Flutter Material Theme editor
https://github.com/rxlabz/panache

dart flutter material-design theme

Last synced: about 1 month ago
JSON representation

🎨 Flutter Material Theme editor

Awesome Lists containing this project

README

        

# 🎨 Panache

A [Flutter](https://flutter.io) [Material Theme](https://docs.flutter.io/flutter/material/ThemeData-class.html) editor.

Panache helps you to create beautiful [Material](http://material.io) themes for your Flutter applications.

Customize widgets colors and shapes, and download your `theme.dart` file.

## :earth_americas: [Try Panache in your browser](https://rxlabz.github.io/panache)

![home](docs/assets/home.png)

## Getting Started

To apply a theme to whole application
- add the generated theme file to your project/lib
- set the theme property to the generated theme (`myTheme`) in your main file

```dart
// ...

MaterialApp( theme: myTheme , home: Home() );

// ...
```

- [Using theme in Flutter](https://flutter.dev/docs/cookbook/design/themes)

## :coffee: Support this project

[![Buy Me A Coffee](https://bmc-cdn.nyc3.digitaloceanspaces.com/BMC-button-images/custom_images/orange_img.png)](https://www.buymeacoffee.com/6NHRAj4P5)

## 🍿 Videos

- [Beyond Mobile: Material Design, Adaptable UIs, and Flutter (Google I/O'19)](https://www.youtube.com/watch?v=YSULAJf6R6M)
- [Code beautiful UI with Flutter and Material Design (Google I/O '18)](https://www.youtube.com/watch?v=hA0hrpR-o8U)

## Screenshots

![screenshot](docs/assets/screenshot.png)

![screenshot2](docs/assets/screenshot2.png)

![screenshot3](docs/assets/screenshot3.png)

![screenshot4](docs/assets/screenshot4.png)