🌈 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:

https://sufyanism.com/

💼 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:

https://zeba.academy

💻 Courses and Resources:

https://code.zeba.academy

▶ 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! ❤️