zeba_academy_gradient 1.0.0
zeba_academy_gradient: ^1.0.0 copied to clipboard
A powerful Flutter gradient package with animated gradients, presets, mesh, radial and linear gradients.
š zeba_academy_gradient #
A powerful and customizable Flutter gradient package providing animated gradients, gradient presets, linear gradients, radial gradients, and mesh gradients.
Create beautiful modern Flutter interfaces with smooth gradient effects using simple and reusable widgets.
⨠Features #
- ā Animated gradients
- ā Gradient presets
- ā Linear gradients
- ā Radial gradients
- ā Mesh gradients
- ā Custom color support
- ā Lightweight and dependency-free
- ā Null safety support
- ā Flutter 3.x compatible
- ā Easy integration
š¦ Installation #
Add the package to your pubspec.yaml:
dependencies:
zeba_academy_gradient: ^1.0.0
Run:
flutter pub get
š Import #
import 'package:zeba_academy_gradient/zeba_academy_gradient.dart';
š Linear Gradient #
Create beautiful linear gradient backgrounds.
ZebaLinearGradient(
colors: const [
Colors.blue,
Colors.purple,
],
child: const Center(
child: Text(
"Linear Gradient",
style: TextStyle(
color: Colors.white,
fontSize: 30,
),
),
),
)
šµ Radial Gradient #
Create radial gradient effects.
ZebaRadialGradient(
colors: const [
Colors.orange,
Colors.red,
],
child: const Center(
child: Text(
"Radial Gradient",
style: TextStyle(
color: Colors.white,
fontSize: 30,
),
),
),
)
⨠Animated Gradient #
Create smooth animated gradient backgrounds.
ZebaAnimatedGradient(
colors: const [
Colors.blue,
Colors.purple,
Colors.pink,
],
child: const Center(
child: Text(
"Animated Gradient",
style: TextStyle(
color: Colors.white,
fontSize: 32,
),
),
),
)
šØ Gradient Presets #
Use ready-made professional gradients.
Container(
decoration: BoxDecoration(
gradient: GradientPresets.sunset,
),
)
Available Presets #
| Preset | Description |
|---|---|
| ocean | Blue ocean gradient |
| sunset | Orange and pink gradient |
| purple | Modern purple gradient |
| fire | Red and orange fire gradient |
| emerald | Green emerald gradient |
š Mesh Gradient #
Create multi-color gradient backgrounds.
ZebaMeshGradient(
colors: const [
Colors.blue,
Colors.purple,
Colors.pink,
],
child: Container(),
)
š± Complete Example #
import 'package:flutter/material.dart';
import 'package:zeba_academy_gradient/zeba_academy_gradient.dart';
void main(){
runApp(
const MaterialApp(
home: GradientExample(),
),
);
}
class GradientExample extends StatelessWidget {
const GradientExample({super.key});
@override
Widget build(BuildContext context){
return Scaffold(
body: ZebaAnimatedGradient(
colors: const [
Colors.blue,
Colors.purple,
],
child: const Center(
child: Text(
"Zeba Gradient",
style: TextStyle(
fontSize: 40,
color: Colors.white,
),
),
),
),
);
}
}
šÆ Available Widgets #
| Widget | Description |
|---|---|
ZebaAnimatedGradient |
Animated moving gradient |
ZebaLinearGradient |
Linear gradient container |
ZebaRadialGradient |
Radial gradient container |
ZebaMeshGradient |
Multi-color mesh gradient |
GradientPresets |
Built-in gradient collection |
š Requirements #
- Flutter >= 3.0.0
- Dart >= 3.0.0
š¤ Contributing #
Contributions are welcome.
Steps:
-
Fork this repository
-
Create a feature branch
git checkout -b feature/new-gradient
- Commit changes
git commit -m "Add new gradient feature"
- Push changes
git push origin feature/new-gradient
- Create a Pull Request
š Issues #
Found a bug or have a feature request?
Please open an issue and share your feedback.
šØāš» About Me #
⨠Iām Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.
Learn more about my work:
š Website:
š¼ LinkedIn:
https://www.linkedin.com/in/sufyanism
š Zeba Academy #
Your all-in-one learning hub! #
š Explore courses and resources in coding, technology, and development.
Zeba Academy is a learning platform dedicated to coding, technology, and development.
Visit:
š Main Website:
š» Courses and Resources:
ā¶ YouTube Tutorials:
https://www.youtube.com/@zeba.academy
šø Instagram:
https://www.instagram.com/zeba.academy/
š License #
This project is licensed under the:
GNU General Public License v3.0 (GPL-3.0) #
You are free to:
- Use this software
- Study the source code
- Modify the source code
- Distribute copies
Any distributed modified version must also be released under the GPL-3.0 license.
Full license:
https://www.gnu.org/licenses/gpl-3.0.html
ā Support #
If you like this package:
- ā Star the repository
- š¢ Share with Flutter developers
- š¤ Contribute improvements
Thank you for visiting! ā¤ļø