Collection of animated flutter widgets for busy flutter developers. Copy paste into your app!
Dart
Flutterfx Widget - Animated flutter widgets [WIP]
A collection of animated flutter widgets. New animated widgets will be added weekly. Targetting 50 animated widgets by the end of this year.
Each animation is implemented as a separate widget, making it easy to understand and integrate into your own projects.
Preview
Effect
Description
Folder
A nice looking folder animation with a shine built using AnimationController and Transform.
Demonstrates the usage of Flutter's transform apis.
Smoke
Using circles with blur to make some smoke! Using Blur and Canvas.
Bookshelf
A 3d looking book shelf built using AnimatedBuilder and Transform.
Shows how to create more complex 3d looking animations by combining multiple transform calls.
Circle selector
A pannable, zoomable grid of interactive circles built using CustomPaint, GestureDetector, and AnimationController.
Shows how to create a complex, animated UI component with panning, tapping, and neighbor displacement effects.
3d Vinyl
A 3D vinyl stack shuffle animation built using AnimatedBuilder and Transform. Demonstrates how to create complex 3D-looking animations by combining multiple transforms, custom curves, and z-index manipulation to simulate depth and realistic record flipping effects.
BlurFade
A smooth blur and fade animation widget built using AnimationController, CurvedAnimation, and ImageFiltered.
Demonstrates how to create elegant visibility transitions with combined opacity and blur effects, easily applicable to any child widget.
Border Beam
[wip]
Meteors
[wip]
Neon Card
[wip]
Hyper text
[wip]
Typing Animation
[wip]
Rotating text
[wip]
Text blur animation
[wip]
Text blur floating animation
[wip]
Text chaos blur animation
[wip]
Text baloon fizzle
[wip]
Text flip animation
[wip]
An interactive globe
An interactive globe made of logos.
Celebrate Fun
A fun animation on user interaction!
How to Use
Clone this repository
Run flutter pub get
Open the project in your preferred IDE
Run the app on your device or simulator
Contributing
Found a bug? Have a suggestion? Don't just sit there, open a PR. But make sure your code works!
License
This project is licensed under the MIT License - see the LICENSE file for details. Not that anyone cares about licenses in a demo project.