zeba_academy_gradient 1.0.0 copy "zeba_academy_gradient: ^1.0.0" to clipboard
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:

  1. Fork this repository

  2. Create a feature branch

git checkout -b feature/new-gradient
  1. Commit changes
git commit -m "Add new gradient feature"
  1. Push changes
git push origin feature/new-gradient
  1. 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! ā¤ļø

0
likes
140
points
50
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A powerful Flutter gradient package with animated gradients, presets, mesh, radial and linear gradients.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_gradient