{"id":13700317,"url":"https://github.com/bluemix/gradient-widgets","last_synced_at":"2025-04-07T03:19:48.570Z","repository":{"id":53178091,"uuid":"154672963","full_name":"bluemix/Gradient-Widgets","owner":"bluemix","description":"Flutter widgets wrapped with gradients","archived":false,"fork":false,"pushed_at":"2024-07-12T16:00:12.000Z","size":3346,"stargazers_count":349,"open_issues_count":9,"forks_count":51,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-26T13:39:02.928Z","etag":null,"topics":["button","card","fab","flutter","gradient","gradient-widgets","progress","shadowcolor","text","widget"],"latest_commit_sha":null,"homepage":null,"language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bluemix.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2018-10-25T13:09:17.000Z","updated_at":"2024-12-15T00:45:24.000Z","dependencies_parsed_at":"2024-10-30T01:51:54.327Z","dependency_job_id":null,"html_url":"https://github.com/bluemix/Gradient-Widgets","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemix%2FGradient-Widgets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemix%2FGradient-Widgets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemix%2FGradient-Widgets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bluemix%2FGradient-Widgets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bluemix","download_url":"https://codeload.github.com/bluemix/Gradient-Widgets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247584115,"owners_count":20962075,"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":["button","card","fab","flutter","gradient","gradient-widgets","progress","shadowcolor","text","widget"],"created_at":"2024-08-02T20:00:54.192Z","updated_at":"2025-04-07T03:19:48.544Z","avatar_url":"https://github.com/bluemix.png","language":"Dart","readme":"\n[![Pub](https://img.shields.io/pub/v/gradient_widgets.svg)](https://pub.dartlang.org/packages/gradient_widgets)\n\n\n\u003cimg src=\"art/screenshot-gradient-widgets.png\" width=\"400\" alt=\"Gradient Widgets\"/\u003e\n\n\n## Gradient Widgets\n\n\u003e As of ^0.5.0, `shadowColor` is available for gradient buttons and cards \n\nA minimal set of Flutter widgets encased with beautiful gradients.\n\nYou can use them when your UI needs user attention/focus,\n, e.g., login or send actions, or important shopping item title (see [Gradient Screens](https://github.com/bluemix/Gradient-Screens) to get the idea 😉)\n\n\n☑️ GradientText\n\n☑️ GradientCard\n\n☑️ GradientButton\n\n☑️ CircularGradientButton + Shadow Color\n\n☑️ GradientProgressIndicator\n\n☑️ CircularGradientProgressIndicator\n\n◻️ GradientAppBar\n\n\n## Installation\nIn your `pubspec.yaml` root add:\n\n```yaml\ndependencies:\n  gradient_widgets: ^0.6.0\n```\n\nthen,\n\n```dart\nimport 'package:gradient_widgets/gradient_widgets.dart';\n```\n\n\n## Usage\n\n\n### Card + Gradient\n\n```dart\nGradientCard(\n    gradient: Gradients.tameer,\n    shadowColor: Gradients.tameer.colors.last.withOpacity(0.25),\n    elevation: 8,\n);\n```\n\nmost parameters are the same as the `Card`.\n\n\n### Progress Indicator + Gradient\n\n\u003cimg src=\"art/GradientProgressIndicators.gif\" alt=\"Gradient Widgets\"/\u003e\n\n\u003e must be gradient.colors.length = 2\n\nindeterminate\n```dart\nGradientProgressIndicator(gradient: Gradients.rainbowBlue,);\n```\n\ndeterminate\n```dart\nGradientProgressIndicator(\n  gradient: Gradients.rainbowBlue,\n  value: 0.65,\n);\n```\n\n### Circular Progress Indicator + Gradient\n\n\u003cimg src=\"art/GradientCircularProgressIndicator.gif\" alt=\"Circular Gradient Progress Widgets\"/\u003e\n\n\u003e must be gradient.colors.length = 2\n\nindeterminate\n```dart\nGradientCircularProgressIndicator(\n  gradient: Gradients.aliHussien,\n);\n```\n\ndeterminate\n```dart\nGradientCircularProgressIndicator(\n  gradient: Gradients.aliHussien,\n  radius: 100,\n);\n```\n\n### Normal Button + Gradient\n\n```dart\nGradientButton(\n  child: Text('Gradient'),\n  callback: () {},\n  gradient: Gradients.backToFuture,\n  shadowColor: Gradients.backToFuture.colors.last.withOpacity(0.25),\n),\n\n```\nmost parameters are the same as any `*Button`.\n\n\n\n### Circular Button + Gradient\n\n\n```dart\nCircularGradientButton(\n  child: Icon(Icons.gradient),\n  callback: (){},\n  gradient: Gradients.rainbowBlue,\n  shadowColor: Gradients.rainbowBlue.colors.last.withOpacity(0.5),\n),\n\n```\n\nmost parameters are the same as `FloatingActionButton`.\n\n\n\n### Text + Gradient\n\n```dart\nGradientText(\n  'Hello',\n  shaderRect: Rect.fromLTWH(0.0, 0.0, 50.0, 50.0),\n  gradient: Gradients.hotLinear,\n  style: TextStyle(fontSize: 40.0,),\n),\n```\n\nall parameters are the same as the `Text`.\n\n\n-----------\n\n#### Getting Started\n\nFor help getting started with Flutter, view our online [documentation](https://flutter.io/).\n\nFor help on editing package code, view the [documentation](https://flutter.io/developing-packages/).\n","funding_links":[],"categories":["Dart"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbluemix%2Fgradient-widgets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbluemix%2Fgradient-widgets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbluemix%2Fgradient-widgets/lists"}