Skip to content
/ atoms Public

Flutter fancy animated widget that can be used as a background

License

Notifications You must be signed in to change notification settings

alnitak/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,
      ),
    ),
  ),