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

Libraries

zeba_academy_border