Cool Animations

pub package GitHub Stars Platform

A simple, colorful and fluid animations built with flutter

Maintainer : Tanmoy Karmakar

Specs

This library allows you easily implement animated icons with amazing curves.

It has been written 100% in Dart. ❤️

Example


Installing

Add the following to your pubspec.yaml file:

dependencies:
   cool_animations: ^0.0.3

Sample code

import 'package:cool_animations/cool_animations.dart';
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Material App',
      home: Homepage(),
    );
  }
}

class Homepage extends StatefulWidget {
  const Homepage({Key? key}) : super(key: key);

  @override
  _HomepageState createState() => _HomepageState();
}

class _HomepageState extends State<Homepage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Cool animations'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            BounceWidget(
              onTap: (val) {
                // ignore: avoid_print
                print(val);
              },
            ),
            RotateWidget(
              onTap: (val) {
                // ignore: avoid_print
                print(val);
              },
              inactiveIcon: Icons.hourglass_empty_rounded,
              activeIcon: Icons.hourglass_full_rounded,
              activeColor: Colors.blue,
            ),
          ],
        ),
      ),
    );
  }
}



Simple Usage

To integrate the simple bottom navigation bar just implement it with the following code

Custom Usage

There are several options that allow for more control:

PropertiesDescription
inavtiveColorcolor of the icon when inactive
activeColorcolor of the icon when active
inactiveSizeSize of the icon when inactive
activeSizeSize of the icon when active
curveCurved followed by the icon during animation
durationDuration of the icon during animation
activeIconicon when active
inactiveIconicon when inactive
onTapfunction called when the icon is tapped

Libraries

cool_animations