https://github.com/alanchan-dev/Breathing-Collection

https://github.com/alanchan-dev/Breathing-Collection

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/alanchan-dev/Breathing-Collection
• Owner: alanchan-dev
• License: mit
• Created: 2021-12-14T01:59:47.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-29T14:32:51.000Z (about 1 year ago)
• Last Synced: 2024-07-28T10:10:05.255Z (about 2 months ago)
• Language: Dart
• Size: 2.45 MB
• Stars: 4
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Breathing Collection

A collection of Flutter widgets with breathing animation.

### List of widgets

* [BreathingGlowingButton](#breathingglowingbutton)

* [BreathingBackground](#breathingbackground)

* More coming

## Installing

Add this to your package's pubspec.yaml file and run `flutter pub get`:

```yaml

dependencies:

  breathing_collection: ^1.0.0+3

```

Now in your Dart code, you can use:

```dart

import 'package:breathing_collection/breathing_collection.dart';

```

---

## Examples

#### BreathingGlowingButton

![Breathing Glowing Button](https://raw.githubusercontent.com/DogeeeXD/Breathing-Collection/master/doc/screenshots/breathing_glowing_button.gif)

```dart

BreathingGlowingButton(

    height: 60.0,

    width: 60.0,

    buttonBackgroundColor = Color(0xFF373A49);

    glowColor = Color(0xFF777AF9);

    icon = Icons.mic;

    iconColor = Colors.white;

    onTap = () {

        // do something

    };

)

```

#### BreathingBackground

![Breathing Background](https://raw.githubusercontent.com/DogeeeXD/Breathing-Collection/master/doc/screenshots/breathing_background.gif)

```dart

BreathingBackground(

    initialMainColor = Color(0xFFDAD9E7),

    transformedMainColor = Color(0xFFB1B1BD),

    initialSecondaryColor = Color(0xFFB1B1BD),

    transformedSecondaryColor = Colors.white,

    begin = Alignment.topCenter,

    end = Alignment.bottomCenter,

    duration = Duration(seconds: 3),

)

```