Skip to content

Flutter fancy animated widget that can be used as a background

License

Notifications You must be signed in to change notification settings

Flutter-Italia-Developers/atoms

 
 

Repository files navigation

Atoms Flutter plugin

Flutter fancy animated widget that can be used as a background.

Screenshot

Atoms Widget Properties

Atoms widget
  • [backgroundColor] The background color.
  • [minVelocity] Minimum offset for each tick.
  • [maxVelocity] Maximum offset for each tick.
  • [nAtoms] the number of atoms.
  • [atomParameters] Parameters to draw atoms.
Atom properties
  • [atomsDiameter] The atoms diameter.
  • [atomsColor] The atoms color.
  • [webColor] Color of the line that connects dots.
  • [maxDistance] Max distance to draw the web.

How to use

  SizedBox.expand(
    child: Atoms(
      backgroundColor: Color(0xff00001a),
      minVelocity: 0.2,
      maxVelocity: 1,
      nAtoms: 100,
      atomParameters: Atom(
        atomsColor: Colors.white,
        webColor:  Colors.white,
        atomsDiameter: 2,
        maxDistance: 140,
      ),
    ),
  ),

About

Flutter fancy animated widget that can be used as a background

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 32.4%
  • CMake 30.5%
  • C++ 16.4%
  • HTML 15.6%
  • C 2.8%
  • Swift 1.6%
  • Other 0.7%