Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/rxlabz/panache
- Owner: rxlabz
- Archived: true
- Created: 2017-05-30T21:51:53.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-04-27T22:58:29.000Z (over 3 years ago)
- Last Synced: 2024-07-30T09:09:46.495Z (3 months ago)
- Topics: dart, flutter, material-design, theme
- Language: Dart
- Homepage: https://rxlabz.github.io/panache
- Size: 62.1 MB
- Stars: 1,760
- Watchers: 47
- Forks: 233
- Open Issues: 36
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
- awesome-coding - 主题编辑器:panache
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)