Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jideguru/animation_playground

This repo contains some animations that i implemented in my free time.
https://github.com/jideguru/animation_playground

flutter flutter-animations flutter-app

Last synced: 9 days ago
JSON representation

This repo contains some animations that i implemented in my free time.

Awesome Lists containing this project

README

        

# Animations Playground ![GitHub stars](https://img.shields.io/github/stars/JideGuru/animation_playground?style=social)

![platform](https://img.shields.io/badge/platform-Flutter-blue)
[![GitHub license](https://img.shields.io/badge/License-Apache2.0-blue.svg)](LICENSE)
![Repository size](https://img.shields.io/github/repo-size/JideGuru/animation_playground)
![GitHub follow](https://img.shields.io/github/followers/JideGuru?style=social)

This repo contains some animations that i implemented using Flutter in my free time.

You can see the animations on my [Twitter Profile](https://twitter.com/iamjideguru)

Try out the demos here [animation-playground.jideguru.dev](https://animation-playground.jideguru.dev/)

Feel free to star, fork and contribute.

## Animation Demos

#### Fading Grid || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/grid_magnification/fading_grid.dart)
![Fading Grid](gifs/fading-grid.gif)

---

#### Grid Magnification || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/grid_magnification/grid_magnification.dart)
![Grid Magnification](gifs/grid-magn.gif)

---

#### 3D Card || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/card/three_dimensional_card.dart)
![3D Card](gifs/3d-card.gif)

---

#### Bouncing DVD || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/coding_train_challenges/bouncing_dvd.dart)
![Bouncing DVD](gifs/bouncing-dvd.gif)

---

#### Rain Animation || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/coding_train_challenges/rain.dart)
![Rain Animation](gifs/rain.gif)

---

#### Clock Loader || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/loaders/clock_loader.dart)
![Clock Loader](gifs/clock_loader.gif)

---

#### Fractal Pyramid Shader || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/shaders/fractal_pyramid.dart)
![Fractal Pyramid Shader](gifs/pyramid-shader.gif)

---

#### Metaball FAB || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/shaders/metaball_fab.dart)
![Metaball FAB](gifs/metaball-fab.gif)

---

#### Simple Particle System || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/coding_train_challenges/simple_particle_system.dart)
![Simple Particle System](gifs/simple-particle-system.gif)

---

#### The Bouncing Ball || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/coding_train_challenges/bouncing_ball.dart)
![The Bouncing Ball](gifs/bouncing-ball.gif)

---

#### Particle System with Emitters || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/coding_train_challenges/particle_system_with_emitters.dart)
![Particle System with Emitters](gifs/particle-emitter.gif)

---

#### Painting with Pixels || [Link to code](https://github.com/JideGuru/animation_playground/blob/master/lib/animations/coding_train_challenges/painting_with_pixels.dart)
![Painting with Pixels](gifs/pixel-painting.gif)

## Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)

For help getting started with Flutter development, view the
[online documentation](https://docs.flutter.dev/), which offers tutorials,
samples, guidance on mobile development, and a full API reference.