zeba_academy_border 0.0.1 copy "zeba_academy_border: ^0.0.1" to clipboard
zeba_academy_border: ^0.0.1 copied to clipboard

A beautiful Flutter border package with gradient, dashed, dotted, animated and glow borders.

zeba_academy_border #

A powerful and customizable Flutter border package providing beautiful UI border effects including gradient borders, dashed borders, dotted borders, animated borders, and glowing borders.

Build modern Flutter interfaces with attractive border effects using simple, reusable widgets.


✨ Features #

  • ✅ Gradient Borders
  • ✅ Dashed Borders
  • ✅ Dotted Borders
  • ✅ Animated Gradient Borders
  • ✅ Glow Effect Borders
  • ✅ Lightweight & Dependency Free
  • ✅ Null Safety Support
  • ✅ Easy Integration
  • ✅ Fully Customizable

📦 Installation #

Add the package to your pubspec.yaml file:

dependencies:
  zeba_academy_border: ^1.0.0

Run:

flutter pub get

🚀 Getting Started #

Import the package:

import 'package:zeba_academy_border/zeba_academy_border.dart';

🌈 Gradient Border #

Create beautiful gradient borders.

ZebaGradientBorder(
  colors: const [
    Colors.blue,
    Colors.purple,
  ],
  child: Container(
    padding: const EdgeInsets.all(20),
    child: const Text(
      "Gradient Border",
    ),
  ),
)

➖ Dashed Border #

Create dashed style borders.

ZebaDashedBorder(
  color: Colors.blue,
  child: Container(
    padding: const EdgeInsets.all(20),
    child: const Text(
      "Dashed Border",
    ),
  ),
)

⚪ Dotted Border #

Create dotted style borders.

ZebaDottedBorder(
  color: Colors.red,
  child: Container(
    padding: const EdgeInsets.all(20),
    child: const Text(
      "Dotted Border",
    ),
  ),
)

🔄 Animated Border #

Create animated moving gradient borders.

ZebaAnimatedBorder(
  colors: const [
    Colors.orange,
    Colors.pink,
    Colors.blue,
  ],
  child: Container(
    padding: const EdgeInsets.all(20),
    child: const Text(
      "Animated Border",
    ),
  ),
)

✨ Glow Border #

Create beautiful glowing border effects.

ZebaGlowBorder(
  color: Colors.cyan,
  child: Container(
    padding: const EdgeInsets.all(20),
    child: const Text(
      "Glow Border",
    ),
  ),
)

🎨 Customization #

Gradient Border #

Property Description
colors Gradient color list
width Border thickness
radius Corner radius
child Widget inside border

Dashed Border #

Property Description
color Border color
strokeWidth Border thickness
dashLength Dash size
gap Space between dashes
child Widget inside border

Dotted Border #

Property Description
color Dot color
child Widget inside border

Animated Border #

Property Description
colors Animation gradient colors
child Widget inside border

Glow Border #

Property Description
color Glow color
blur Glow intensity
child Widget inside border

📱 Example #

Scaffold(
  body: Center(
    child: ZebaGradientBorder(
      colors: const [
        Colors.teal,
        Colors.blue,
      ],
      child: const Padding(
        padding: EdgeInsets.all(30),
        child: Text(
          "Zeba Academy Border",
        ),
      ),
    ),
  ),
);

🧪 Testing #

Run tests:

flutter test

Analyze package:

flutter analyze

Format code:

dart format .

📂 Project Structure #

zeba_academy_border

lib/

 ├── zeba_academy_border.dart

 └── src/

     ├── gradient_border.dart

     ├── dashed_border.dart

     ├── dotted_border.dart

     ├── animated_border.dart

     └── glow_border.dart


test/

 └── zeba_academy_border_test.dart

🤝 Contributing #

Contributions are welcome.

Steps:

  1. Fork the repository

  2. Create a feature branch:

git checkout -b feature/new-feature
  1. Commit changes:
git commit -m "Add new feature"
  1. Push changes:
git push origin feature/new-feature
  1. Create a Pull Request.

👨‍💻 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! #

Zeba Academy is a learning platform dedicated to coding, technology, and development.

Explore:

  • Programming courses
  • Technology tutorials
  • Real-world projects
  • Hands-on development resources

Visit:

Main Website:

https://zeba.academy

Coding Resources:

https://code.zeba.academy

YouTube:

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 package
  • Modify the source code
  • Share improvements
  • Distribute copies

Any distributed modifications must remain licensed under GPL-3.0.

Full license:

https://www.gnu.org/licenses/gpl-3.0.html


⭐ Support #

If you find this package useful:

  • ⭐ Star the repository
  • Share it with Flutter developers
  • Contribute improvements

Thank you for supporting open-source development ❤️

1
likes
140
points
0
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A beautiful Flutter border package with gradient, dashed, dotted, animated and glow borders.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_border