{"id":27443866,"url":"https://github.com/jamalihassan0307/gradient_containers_plus","last_synced_at":"2025-06-27T14:05:37.017Z","repository":{"id":285721170,"uuid":"878320856","full_name":"jamalihassan0307/gradient_containers_plus","owner":"jamalihassan0307","description":"A Flutter package providing beautiful, customizable gradient containers with advanced features like animations, patterns, and effects.","archived":false,"fork":false,"pushed_at":"2025-04-02T10:31:33.000Z","size":1545,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T02:57:54.866Z","etag":null,"topics":["dart-library","dart-package","flutter-package","flutter-plugin","pakages","pub","pub-dev"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/gradient_containers_plus/","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/jamalihassan0307.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":"2024-10-25T07:10:40.000Z","updated_at":"2025-04-02T10:32:41.000Z","dependencies_parsed_at":"2025-04-02T10:34:57.355Z","dependency_job_id":"06a4cedb-06a4-4f5a-b14f-3461bf1df682","html_url":"https://github.com/jamalihassan0307/gradient_containers_plus","commit_stats":null,"previous_names":["jamalihassan0307/gradient_containers_plus"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamalihassan0307%2Fgradient_containers_plus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamalihassan0307%2Fgradient_containers_plus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamalihassan0307%2Fgradient_containers_plus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jamalihassan0307%2Fgradient_containers_plus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jamalihassan0307","download_url":"https://codeload.github.com/jamalihassan0307/gradient_containers_plus/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248997095,"owners_count":21195797,"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-library","dart-package","flutter-package","flutter-plugin","pakages","pub","pub-dev"],"created_at":"2025-04-15T02:57:58.291Z","updated_at":"2025-04-15T02:57:59.256Z","avatar_url":"https://github.com/jamalihassan0307.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# gradient_containers_plus\n\n\u003cdiv align=\"center\"\u003e\n  \u003ckbd\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/image/image.jpg\" width=\"200\" alt=\"Jam Ali Hassan\"/\u003e\n  \u003c/kbd\u003e\n  \u003cbr/\u003e\n  \u003cbr/\u003e\n  \u003cb\u003eJam Ali Hassan\u003c/b\u003e\n  \u003cbr/\u003e\n  \u003ci\u003eFlutter Developer\u003c/i\u003e\n  \u003cbr/\u003e\n  \u003cbr/\u003e\n  \n  [![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/jamalihassan0307)\n  [![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/jamalihassan0307)\n  [![Portfolio](https://img.shields.io/badge/Portfolio-255E63?style=for-the-badge\u0026logo=About.me\u0026logoColor=white)](https://jamalihassan0307.github.io/portfolio.github.io)\n  \u003cbr/\u003e\n  [![Pub Version](https://img.shields.io/pub/v/gradient_containers_plus?style=for-the-badge)](https://pub.dev/packages/gradient_containers_plus)\n  [![Platform](https://img.shields.io/badge/Platform-Flutter-02569B?style=for-the-badge\u0026logo=flutter)](https://flutter.dev)\n  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)\n\u003c/div\u003e\n\n## Overview\n\nA Flutter package that provides beautiful and customizable gradient container templates for your Flutter applications. This package offers pre-designed container widgets with various gradient styles, shadows, and rounded corners to enhance your app's visual appeal.\n\n## Installation\n\nAdd this to your package's `pubspec.yaml` file:\n\n```yaml\ndependencies:\n  gradient_containers_plus: ^1.1.0\n```\n\n## Usage Examples\n\n### 1. Vertical Gradient Container\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/vertical_gradient_container.png\" width=\"400\" alt=\"Vertical Gradient\"/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/custom_gradient_container.png\" width=\"400\" alt=\"Custom Vertical Gradient\"/\u003e\n\u003c/div\u003e\n\n```dart\nVerticalGradientContainer(\n  height: 150,\n  colors: const [Colors.blue, Colors.purple],\n  child: const Center(\n    child: Text('Vertical Gradient'),\n  ),\n)\n```\n\n### 2. Radial Gradient Container\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/radial_gradient_container.png\" width=\"400\" alt=\"Radial Gradient\"/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/custom_radial_gradient.png\" width=\"400\" alt=\"Custom Radial Gradient\"/\u003e\n\u003c/div\u003e\n\n```dart\nRadialGradientContainer(\n  height: 150,\n  colors: const [Colors.orange, Colors.red],\n  radius: 0.85,\n  child: const Center(\n    child: Text('Radial Gradient'),\n  ),\n)\n```\n\n### 3. Sweep Gradient Container\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/sweep_gradient_container.png\" width=\"400\" alt=\"Sweep Gradient\"/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/custom_sweep_gradient.png\" width=\"400\" alt=\"Custom Sweep Gradient\"/\u003e\n\u003c/div\u003e\n\n```dart\nSweepGradientContainer(\n  height: 150,\n  colors: const [\n    Colors.green,\n    Colors.teal,\n    Colors.blue\n  ],\n  startAngle: 0,\n  endAngle: 2 * 3.14159,\n  child: const Center(\n    child: Text('Sweep Gradient'),\n  ),\n)\n```\n\n### 4. Animated Gradient Container\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/animated_gradient_container.gif\" width=\"400\" alt=\"Animated Gradient\"/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/custom_animated_gradient.gif\" width=\"400\" alt=\"Custom Animated Gradient\"/\u003e\n\u003c/div\u003e\n\n```dart\nAnimatedGradientContainer(\n  height: 150,\n  colors: const [\n    Colors.purple,\n    Colors.blue,\n    Colors.purple\n  ],\n  duration: const Duration(seconds: 2),\n  child: const Center(\n    child: Text('Animated Gradient'),\n  ),\n)\n```\n\n### 5. Glassmorphic Gradient Container\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/glassmorphic_gradient_container.png\" width=\"400\" alt=\"Glassmorphic Effect\"/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/custom_glassmorphic_gradient.png\" width=\"400\" alt=\"Custom Glassmorphic Effect\"/\u003e\n\u003c/div\u003e\n\n```dart\nGlassmorphicGradientContainer(\n  height: 150,\n  colors: const [Colors.white, Colors.white],\n  blurSigma: 10,\n  borderWidth: 1,\n  child: const Center(\n    child: Text('Glassmorphic Effect'),\n  ),\n)\n```\n\n### 6. Neon Gradient Container\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/neon_gradient_container.png\" width=\"400\" alt=\"Neon Glow\"/\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/jamalihassan0307/gradient_containers_plus/main/screenshots/custom_neon_gradient.png\" width=\"400\" alt=\"Custom Neon Glow\"/\u003e\n\u003c/div\u003e\n\n```dart\nNeonGradientContainer(\n  height: 150,\n  colors: const [\n    Color(0xFF00FF87),\n    Color(0xFF60EFFF)\n  ],\n  glowIntensity: 0.5,\n  glowSpread: 2,\n  child: const Center(\n    child: Text('Neon Glow'),\n  ),\n)\n```\n\n## Features\n\n✨ 6 pre-designed gradient container templates:\n  - 🎨 Vertical Gradient Container with customizable colors and direction\n  - 🔄 Radial Gradient Container with adjustable radius and center point\n  - 🌈 Sweep Gradient Container with configurable start and end angles\n  - ✨ Animated Gradient Container with smooth color transitions\n  - 🌟 Glassmorphic Gradient Container with blur and transparency effects\n  - 💫 Neon Gradient Container with customizable glow effects\n\n🎯 Additional Features:\n- 📱 Responsive design with flexible width and height\n- 🎨 Customizable borders, shadows, and corner radius\n- 🔌 Easy integration with any Flutter widget\n- 📚 Comprehensive documentation and examples\n- 💻 Full Platform Support:\n  - Android ✓\n  - iOS ✓\n  - Web ✓\n  - Windows ✓\n  - macOS ✓\n  - Linux ✓\n\n## Customization\n\nEach container can be customized with:\n- 🎨 Custom colors and gradients\n- 🔲 Border radius and width\n- 📐 Container dimensions\n- 📏 Padding and margin\n- ✨ Specific effects (blur, glow, animation duration)\n- 🌗 Shadow properties\n- 📍 Child widget positioning\n\n## Documentation\n\nFor detailed documentation, please visit our [API Reference](https://pub.dev/documentation/gradient_containers_plus/latest/).\n\n## Additional Information\n\n- 📦 [Pub.dev Package](https://pub.dev/packages/gradient_containers_plus)\n- 💻 [GitHub Repository](https://github.com/jamalihassan0307/gradient_containers_plus)\n- 🐛 [Issue Tracker](https://github.com/jamalihassan0307/gradient_containers_plus/issues)\n\n## Contributing\n\nWe welcome contributions! To contribute:\n1. 🍴 Fork the repository\n2. 🌿 Create your feature branch\n3. ✍️ Commit your changes\n4. 🚀 Push to the branch\n5. 📬 Create a Pull Request\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Contact\n\n- 👨‍💻 Developed by [Jam Ali Hassan](https://github.com/jamalihassan0307)\n- 🌐 [Portfolio](https://jamalihassan0307.github.io/portfolio.github.io)\n- 📧 Email: jamalihassan0307@gmail.com\n- 🔗 [LinkedIn](https://www.linkedin.com/in/jamalihassan0307)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamalihassan0307%2Fgradient_containers_plus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamalihassan0307%2Fgradient_containers_plus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamalihassan0307%2Fgradient_containers_plus/lists"}