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: 5 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jideguru/animation_playground
• Owner: JideGuru
• License: apache-2.0
• Created: 2022-12-09T20:24:54.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-08-16T07:56:25.000Z (11 months ago)
• Last Synced: 2024-10-19T03:03:17.213Z (9 months ago)
• Topics: flutter, flutter-animations, flutter-app
• Language: Dart
• Homepage: https://animation-playground.jideguru.dev/
• Size: 25.5 MB
• Stars: 148
• Watchers: 2
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

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.