electric_border 1.0.2
electric_border: ^1.0.2 copied to clipboard
A Flutter widget that adds an animated, glowing, electric-style border effect to any widget.
⚡ ElectricBorder #
A Flutter widget that adds an animated, glowing, electric-style border to any widget.
🧠 Features #
- Glowing electric border
- Customizable color, chaos, glow, speed, and thickness
- Works with buttons, containers, or circular widgets
[]
🚀 Usage #
ElectricBorder(
width: 150,
height: 80,
chaos: 3,
glow: 6,
color: Colors.cyanAccent,
borderRadius: BorderRadius.circular(12),
child: Container(
color: Colors.black,
alignment: Alignment.center,
child: Text("Electric!", style: TextStyle(color: Colors.white)),
),
)
## Circle Avatar
ElectricBorder(
width: 80,
height: 80,
isCircular: true,
chaos: 1,
glow: 2,
color: Colors.blueAccent,
child: Center(
child: CircleAvatar(
radius: 38,
backgroundImage: NetworkImage(
"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&q=80&w=1170",
),
),
),
)
## Circular Shape
ElectricBorder(
width: 80,
height: 80,
isCircular: true,
chaos: 1,
glow: 2,
color: Colors.blueAccent,
child: Center(
child: Container(
width: 75,
height: 75,
decoration: const BoxDecoration(
shape: BoxShape.circle,
color: Colors.transparent,
),
child: const Icon(
Icons.flash_on,
size: 40,
color: Colors.blueGrey,
),
),
),
)