https://github.com/alnitak/atoms

Flutter fancy animated widget that can be used as a background
https://github.com/alnitak/atoms

animated background flutter flutter-widget

Last synced: 3 months ago
JSON representation

Flutter fancy animated widget that can be used as a background

• Host: GitHub
• URL: https://github.com/alnitak/atoms
• Owner: alnitak
• License: other
• Created: 2021-11-25T21:30:35.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-30T15:43:21.000Z (about 2 years ago)
• Last Synced: 2024-10-02T10:21:18.256Z (3 months ago)
• Topics: animated, background, flutter, flutter-widget
• Language: Dart
• Homepage:
• Size: 7.11 MB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Atoms Flutter plugin

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

![Screenshot](https://github.com/alnitak/atoms/blob/master/images/atoms.gif?raw=true "Atoms Demo")

## 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

```dart

  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,

      ),

    ),

  ),

```