Example
@override
Widget build(BuildContext context) {
return Scaffold(
body: BubblesAnimation(
backgroundColor: Colors.white,
particleColor: Colors.indigo,
particleCount: 500,
particleRadius: 5,
widget: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Center(
child: Padding(
padding: const EdgeInsets.all(15.0),
child: Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20.0),
),
child: Padding(
padding: const EdgeInsets.only(
left: 15, right: 15, top: 5),
child: TextFormField(
decoration: const InputDecoration(
border: InputBorder.none,
labelText: 'Email',
)))),
),
),
],
),
)));
}
![Colorful animated bubbles floating in the background](https://raw.githubusercontent.com/dineshkumars29/Background_Bubbles/master/assets/background_bubble.gif)
Features
unique experiences where randomness is combined with purposeful design
Getting started
Particles can react to collisions with each other or with objects in their environment.
Additional information
These techniques enable animators to craft unique experiences where randomness is combined with purposeful design decisions, resulting in visually appealing and responsive simulations. The possibilities are vast, limited only by one's imagination and technical skill set.