zeba_academy_border 0.0.1
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:
-
Fork the repository
-
Create a feature branch:
git checkout -b feature/new-feature
- Commit changes:
git commit -m "Add new feature"
- Push changes:
git push origin feature/new-feature
- 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:
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:
Coding Resources:
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 ❤️