https://github.com/jamalihassan0307/gradient_containers_plus
A Flutter package providing beautiful, customizable gradient containers with advanced features like animations, patterns, and effects.
https://github.com/jamalihassan0307/gradient_containers_plus
dart-library dart-package flutter-package flutter-plugin pakages pub pub-dev
Last synced: 8 months ago
JSON representation
A Flutter package providing beautiful, customizable gradient containers with advanced features like animations, patterns, and effects.
- Host: GitHub
- URL: https://github.com/jamalihassan0307/gradient_containers_plus
- Owner: jamalihassan0307
- License: mit
- Created: 2024-10-25T07:10:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-02T10:31:33.000Z (11 months ago)
- Last Synced: 2025-04-15T02:57:54.866Z (10 months ago)
- Topics: dart-library, dart-package, flutter-package, flutter-plugin, pakages, pub, pub-dev
- Language: Dart
- Homepage: https://pub.dev/packages/gradient_containers_plus/
- Size: 1.47 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# gradient_containers_plus
Jam Ali Hassan
Flutter Developer
[](https://github.com/jamalihassan0307)
[](https://www.linkedin.com/in/jamalihassan0307)
[](https://jamalihassan0307.github.io/portfolio.github.io)
[](https://pub.dev/packages/gradient_containers_plus)
[](https://flutter.dev)
[](https://opensource.org/licenses/MIT)
## Overview
A 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.
## Installation
Add this to your package's `pubspec.yaml` file:
```yaml
dependencies:
gradient_containers_plus: ^1.1.0
```
## Usage Examples
### 1. Vertical Gradient Container
```dart
VerticalGradientContainer(
height: 150,
colors: const [Colors.blue, Colors.purple],
child: const Center(
child: Text('Vertical Gradient'),
),
)
```
### 2. Radial Gradient Container
```dart
RadialGradientContainer(
height: 150,
colors: const [Colors.orange, Colors.red],
radius: 0.85,
child: const Center(
child: Text('Radial Gradient'),
),
)
```
### 3. Sweep Gradient Container
```dart
SweepGradientContainer(
height: 150,
colors: const [
Colors.green,
Colors.teal,
Colors.blue
],
startAngle: 0,
endAngle: 2 * 3.14159,
child: const Center(
child: Text('Sweep Gradient'),
),
)
```
### 4. Animated Gradient Container
```dart
AnimatedGradientContainer(
height: 150,
colors: const [
Colors.purple,
Colors.blue,
Colors.purple
],
duration: const Duration(seconds: 2),
child: const Center(
child: Text('Animated Gradient'),
),
)
```
### 5. Glassmorphic Gradient Container
```dart
GlassmorphicGradientContainer(
height: 150,
colors: const [Colors.white, Colors.white],
blurSigma: 10,
borderWidth: 1,
child: const Center(
child: Text('Glassmorphic Effect'),
),
)
```
### 6. Neon Gradient Container
```dart
NeonGradientContainer(
height: 150,
colors: const [
Color(0xFF00FF87),
Color(0xFF60EFFF)
],
glowIntensity: 0.5,
glowSpread: 2,
child: const Center(
child: Text('Neon Glow'),
),
)
```
## Features
✨ 6 pre-designed gradient container templates:
- 🎨 Vertical Gradient Container with customizable colors and direction
- 🔄 Radial Gradient Container with adjustable radius and center point
- 🌈 Sweep Gradient Container with configurable start and end angles
- ✨ Animated Gradient Container with smooth color transitions
- 🌟 Glassmorphic Gradient Container with blur and transparency effects
- 💫 Neon Gradient Container with customizable glow effects
🎯 Additional Features:
- 📱 Responsive design with flexible width and height
- 🎨 Customizable borders, shadows, and corner radius
- 🔌 Easy integration with any Flutter widget
- 📚 Comprehensive documentation and examples
- 💻 Full Platform Support:
- Android ✓
- iOS ✓
- Web ✓
- Windows ✓
- macOS ✓
- Linux ✓
## Customization
Each container can be customized with:
- 🎨 Custom colors and gradients
- 🔲 Border radius and width
- 📐 Container dimensions
- 📏 Padding and margin
- ✨ Specific effects (blur, glow, animation duration)
- 🌗 Shadow properties
- 📍 Child widget positioning
## Documentation
For detailed documentation, please visit our [API Reference](https://pub.dev/documentation/gradient_containers_plus/latest/).
## Additional Information
- 📦 [Pub.dev Package](https://pub.dev/packages/gradient_containers_plus)
- 💻 [GitHub Repository](https://github.com/jamalihassan0307/gradient_containers_plus)
- 🐛 [Issue Tracker](https://github.com/jamalihassan0307/gradient_containers_plus/issues)
## Contributing
We welcome contributions! To contribute:
1. 🍴 Fork the repository
2. 🌿 Create your feature branch
3. ✍️ Commit your changes
4. 🚀 Push to the branch
5. 📬 Create a Pull Request
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
- 👨💻 Developed by [Jam Ali Hassan](https://github.com/jamalihassan0307)
- 🌐 [Portfolio](https://jamalihassan0307.github.io/portfolio.github.io)
- 📧 Email: jamalihassan0307@gmail.com
- 🔗 [LinkedIn](https://www.linkedin.com/in/jamalihassan0307)