border_beam 0.0.1

A customizable Flutter widget that draws an animated gradient beam around a child widget.

border_beam

A lightweight and customizable Flutter widget that adds a glowing, animated border beam around any widget — perfect for highlighting cards, buttons, or containers in a modern and dynamic way.

This package is ideal for developers who want to make elements stand out in their Flutter apps with beautiful, animated border effects using gradient beams.

---

✨ Features

• Animated gradient border effect.
• Fully customizable colors, width, duration, and border radius.
• Static border color behind the animation.
• Smooth looping animation.
• Easy integration into any Flutter layout.

---

🚀 Getting Started

1. Add dependency

Add this to your pubspec.yaml file:

dependencies:
  border_beam: ^0.0.1

then run:

flutter pub get

Usage

import 'package:border_beam/border_beam.dart';

BorderBeam(
padding: EdgeInsets.all(16),
borderRadius: BorderRadius.circular(16),
borderWidth: 2,
colorFrom: Colors.blue,
colorTo: Colors.purple,
child: Text(
"Glowing Text",
style: TextStyle(color: Colors.white),
),
);

You can also use it to wrap any widget (like a button, container, or even an image):

BorderBeam(
borderRadius: BorderRadius.circular(12),
colorFrom: Colors.green,
colorTo: Colors.tealAccent,
child: ElevatedButton(
onPressed: () {},
child: Text('Click Me'),
),
);

Example

import 'package:saudi_currency_symbol/saudi_currency_symbol.dart';
import 'package:flutter/material.dart';

MaterialApp(
  home: Scaffold(
    body: Center(
      child: BorderBeam(
                borderRadius: BorderRadius.circular(12),
                colorFrom: Colors.green,
                colorTo: Colors.tealAccent,
                child: Container(
                child: Text('Click Me'),
                ),
        ),
    ),
  ),
);

Preview

📮 Contributing

• Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

• If you find a bug or have a feature request, feel free to open an issue.

💬 Support

• To contrib to this project, you can open a PR or an issue.

👨‍💻 Author

Abdullah Alamary

🏷 License

• This project is licensed under MIT License.