Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/victoreronmosele/flutter_gradient_generator
An online tool for creating and customizing gradients for use in Flutter applications.
https://github.com/victoreronmosele/flutter_gradient_generator
dart flutter flutter-web gradient-generator gradients
Last synced: about 2 months ago
JSON representation
An online tool for creating and customizing gradients for use in Flutter applications.
- Host: GitHub
- URL: https://github.com/victoreronmosele/flutter_gradient_generator
- Owner: victoreronmosele
- License: gpl-3.0
- Created: 2021-05-02T17:00:45.000Z (over 3 years ago)
- Default Branch: develop
- Last Pushed: 2024-04-09T01:24:55.000Z (9 months ago)
- Last Synced: 2024-11-01T15:51:57.473Z (2 months ago)
- Topics: dart, flutter, flutter-web, gradient-generator, gradients
- Language: Dart
- Homepage: https://fluttergradientgenerator.com
- Size: 9.19 MB
- Stars: 21
- Watchers: 2
- Forks: 5
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Flutter Gradient Generator
[fluttergradientgenerator.com](https://fluttergradientgenerator.com)
Flutter Gradient Generator is a web app that generates linear, radial and sweep gradients for Flutter widgets.
## Usage
1. **Visit the [web app](https://fluttergradientgenerator.com/).**
2. **Choose the gradient style.**
The options are:
- linear
- radial
- sweep
3. **Choose the gradient direction.**
The options are:
- top-left
- top-center
- top-right
- center-left
- center (not applicable for linear gradient)
- center-right
- bottom-left
- bottom-center
- bottom-right
- custom
4. **Choose the gradient colors.**
You can:
- use the color pickers to select your colors,
- click on a gradient sample to use the sample's colors,
- use a random gradient sample by clicking on the 
button,
- add more colors by clicking the + button.
5. **Enter the color stops.**
6. **Click on "Copy Gradient Code" and the code will be copied to your clipboard.**
## Running
1. Clone the repository
```bash
git clone https://github.com/victoreronmosele/flutter_gradient_generator.git
```
2. Cd into the folder
```bash
cd flutter_gradient_generator
```
3. Run the app
```bash
flutter run
```
## Roadmap
- [x] Linear gradient
- [x] Radial gradient
- [x] Sweep gradient
- [x] Color picker
- [x] Color stops
- [x] Addition of more colors
- [x] Gradient samples
- [x] Downloading gradient as image
- [ ] Addition of more gradient styles
- [ ] Text gradients
- [ ] CSS to Flutter converter
- [ ] Dark mode
## Contact
Project Link: [https://github.com/victoreronmosele/flutter_gradient_generator](https://github.com/victoreronmosele/flutter_gradient_generator)
## Acknowledgments
* [Gradient samples](https://github.com/ghosh/uiGradients/blob/master/gradients.json) are from [uiGradients](https://uigradients.com/).
## License
Distributed under the GPL 3.0 License. See [LICENSE.txt](LICENSE.txt) for more information.