{"id":13551087,"url":"https://github.com/JonathanMonga/flutter_gradients","last_synced_at":"2025-04-03T01:31:32.370Z","repository":{"id":46111498,"uuid":"239888418","full_name":"JonathanMonga/flutter_gradients","owner":"JonathanMonga","description":"A curated collection of awesome gradients made in Dart for Flutter","archived":false,"fork":false,"pushed_at":"2024-08-26T08:35:46.000Z","size":18069,"stargazers_count":186,"open_issues_count":5,"forks_count":30,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-08-26T10:51:23.198Z","etag":null,"topics":["dart","flutter","gradients","linear-gradients","made-in-drc"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JonathanMonga.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-02-11T23:46:40.000Z","updated_at":"2024-08-26T08:35:49.000Z","dependencies_parsed_at":"2024-08-01T12:18:52.961Z","dependency_job_id":"45ffec5e-2502-4ecf-8e98-3ec5fca985c8","html_url":"https://github.com/JonathanMonga/flutter_gradients","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanMonga%2Fflutter_gradients","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanMonga%2Fflutter_gradients/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanMonga%2Fflutter_gradients/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonathanMonga%2Fflutter_gradients/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JonathanMonga","download_url":"https://codeload.github.com/JonathanMonga/flutter_gradients/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222905670,"owners_count":17055817,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dart","flutter","gradients","linear-gradients","made-in-drc"],"created_at":"2024-08-01T12:01:42.121Z","updated_at":"2024-11-03T21:31:07.869Z","avatar_url":"https://github.com/JonathanMonga.png","language":"Dart","funding_links":[],"categories":["Dart"],"sub_categories":[],"readme":"[![Flutter Community: after_layout](https://fluttercommunity.dev/_github/header/flutter_gradients)](https://github.com/fluttercommunity/community)\n\n# Flutter Gradients\n\n\u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/header.jpg\" align=\"center\" alt=\"Header\" height=\"500\" width=\"100%\"/\u003e\n\nA curated collection of awesome gradients made in Dart (port of [https://webgradients.com](https://webgradients.com) for Flutter). Only linear gradients included for now.\n\n[![Pub](https://img.shields.io/badge/pub-1.0.0+3-blue)](https://pub.dev/packages/flutter_gradients)\n[![Build Status](https://travis-ci.org/JonathanMonga/flutter_gradients.svg?branch=master)](https://travis-ci.org/JonathanMonga/flutter_gradients)\n\n### Show some :heart: and star the repo to support the project\n\n[![GitHub stars](https://img.shields.io/github/stars/JonathanMonga/flutter_gradients.svg?style=social\u0026label=Star)](https://github.com/JonathanMonga/flutter_gradients) [![GitHub forks](https://img.shields.io/github/forks/JonathanMonga/flutter_gradients.svg?style=social\u0026label=Fork)](https://github.com/JonathanMonga/flutter_gradients/fork) [![GitHub watchers](https://img.shields.io/github/watchers/JonathanMonga/flutter_gradients.svg?style=social\u0026label=Watch)](https://github.com/JonathanMonga/flutter_gradients) [![GitHub followers](https://img.shields.io/github/followers/JonathanMonga.svg?style=social\u0026label=Follow)](https://github.com/JonathanMonga)  \n[![Twitter Follow](https://img.shields.io/twitter/follow/jonathan_monga.svg?style=social)](https://twitter.com/jonathan_monga)\n\n## Installation\n\nAdd the Package\n\n```yaml\ndependencies:\n  flutter_gradients: ^1.0.0+3\n```\n\n# Usage\n\n### Import the package\n\n```dart\nimport 'package:flutter_gradients/flutter_gradients.dart';\n```\n\n## How To Use\n\n### For LinearGradient\n\nBy default `FlutterGradient` will generates the `LinearGradient`.\n\n\u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/angel_care_linear_gradient.png\" align = \"right\" height = \"180\" alt=\"Exemple\"\u003e\n\n```dart\n   GradientType type: GradientType.linear;\n```\n\n```dart\n    Container(\n        width: 150,\n        height: 150,\n        decoration: BoxDecoration(\n            shape: BoxShape.circle,\n            gradient: FlutterGradient.warmFlame(),\n        ),\n    );\n```\n\nor\n\n```dart\n    Container(\n        width: 150,\n        height: 150,\n        decoration: BoxDecoration(\n            shape: BoxShape.circle,\n            gradient: FlutterGradient.warmFlame(type: GradientType.linear),\n        ),\n    );\n```\n\n### For RadialGradient\n\nYou can customize the follows values :\n\n- center : The center of the gradient, as an offset into the (-1.0, -1.0) x (1.0, 1.0) square describing the gradient which will be mapped onto the paint box.\n- radius : The radius of the gradient, as a fraction of the shortest side of the paint box.\n- tileMode : How this gradient should tile the plane beyond the outer ring at `radius` pixels from the `center`.\n\n\u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/angel_care_radial_gradient.png\" align = \"right\" height = \"180\" alt=\"Exemple\"\u003e\n\n```dart\n   GradientType type: GradientType.radial;\n```\n\n```dart\n    Container(\n        width: 150,\n        height: 150,\n        decoration: BoxDecoration(\n            shape: BoxShape.circle,\n            gradient: FlutterGradient.warmFlame(\n                type: GradientType.radial,\n                center: Alignment.center,\n                radius: 0.5,\n                tileMode: TileMode.clamp,\n           ),\n        ),\n    );\n```\n\n### For SweepGradient\n\nYou can customize the follows values :\n\n- center : The center of the gradient, as an offset into the (-1.0, -1.0) x (1.0, 1.0) square describing the gradient which will be mapped onto the paint box.\n- startAngle : The angle in radians at which stop 0.0 of the gradient is placed.\n- endAngle : The angle in radians at which stop 1.0 of the gradient is placed.\n- tileMode : How this gradient should tile the plane beyond the outer ring at `radius` pixels from the `center`.\n\n\u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/angel_care_sweep_gradient.png\" align = \"right\" height = \"180\" alt=\"Exemple\"\u003e\n\n```dart\n   GradientType type: GradientType.sweep;\n```\n\n```dart\n    Container(\n        width: 150,\n        height: 150,\n        decoration: BoxDecoration(\n            shape: BoxShape.circle,\n            gradient: FlutterGradient.warmFlame(\n                type: GradientType.sweep,\n                center: Alignment.center,\n                startAngle: 0.0,\n                endAngle: math.pi * 2,\n                tileMode: TileMode.clamp,\n            ),\n        ),\n    );\n```\n\n## Catalogue\n\n| 1                                                                                                                                      | 2                                                                                                                                      | 3                                                                                                                                      |\n| -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |\n| \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_01.png\" height = \"350\" alt=\"Image 01\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_02.png\" height = \"350\" alt=\"Image 02\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_03.png\" height = \"350\" alt=\"Image 03\"\u003e |\n| \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_04.png\" height = \"350\" alt=\"Image 04\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_05.png\" height = \"350\" alt=\"Image 05\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_06.png\" height = \"350\" alt=\"Image 06\"\u003e |\n| \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_07.png\" height = \"350\" alt=\"Image 07\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_08.png\" height = \"350\" alt=\"Image 08\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_09.png\" height = \"350\" alt=\"Image 09\"\u003e |\n| \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_10.png\" height = \"350\" alt=\"Image 10\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_11.png\" height = \"350\" alt=\"Image 11\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_12.png\" height = \"350\" alt=\"Image 12\"\u003e |\n| \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_13.png\" height = \"350\" alt=\"Image 13\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/JonathanMonga/flutter_gradients/master/images/image_14.png\" height = \"350\" alt=\"Image 14\"\u003e |\n\n## Examples\n\nWeb and command-line examples can be found in the `example` folder.\n\n### Web Examples\n\nIn order to run the web examples, please follow these steps:\n\n1. Clone this repo and enter the directory\n2. Run `pub get`\n3. Run `pub run build_runner serve example`\n4. Navigate to [http://localhost:8080/web/](http://localhost:8080/web/) in your browser\n\n### Command Line Examples\n\nIn order to run the command line example, please follow these steps:\n\n1. Clone this repo and enter the directory\n2. Run `pub get`\n3. Run `dart example/lib/main.dart`\n\n### Flutter Example\n\n#### Install Flutter\n\nIn order to run the flutter example, you must have Flutter installed. For installation instructions, view the online\n[documentation](https://flutter.io/).\n\n#### Run the app\n\n1. Open up an Android Emulator, the iOS Simulator, or connect an appropriate mobile device for debugging.\n2. Open up a terminal\n3. `cd` into the `example/lib/` directory\n4. Run `flutter doctor` to ensure you have all Flutter dependencies working.\n5. Run `flutter packages get`\n6. Run `flutter run`\n\n# License\n\n    MIT License\n\n    Copyright (c) 2020 Jonathan Monga\n\n    Permission is hereby granted, free of charge, to any person obtaining a copy\n    of this software and associated documentation files (the \"Software\"), to deal\n    in the Software without restriction, including without limitation the rights\n    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n    copies of the Software, and to permit persons to whom the Software is\n    furnished to do so, subject to the following conditions:\n\n    The above copyright notice and this permission notice shall be included in all\n    copies or substantial portions of the Software.\n\n    THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n    SOFTWARE.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJonathanMonga%2Fflutter_gradients","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJonathanMonga%2Fflutter_gradients","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJonathanMonga%2Fflutter_gradients/lists"}