/flutterfx_widgets

Collection of animated flutter widgets for busy flutter developers. Copy paste into your app!

Primary LanguageDart

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
Fade Animation Folder A nice looking folder animation with a shine built using AnimationController and Transform. Demonstrates the usage of Flutter's transform apis.
Scale Animation Smoke Using circles with blur to make some smoke! Using Blur and Canvas.
Book shelf 3d Animation 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 Animation 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.
vinyl jump Animation 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 Animation 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 Border Beam [wip]
Meteors Meteors [wip]
Neon Card Neon Card [wip]
Hyper text Hyper text [wip]
Typing Animation Typing Animation [wip]
Rotating text Rotating text [wip]
Text blur animation Text blur animation [wip]
Text blur floating animation Text blur floating animation [wip]
Text chaos blur animation Text chaos blur animation [wip]
Text baloon fizzle Text baloon fizzle [wip]
Text flip animation Text flip animation [wip]
Text flip animation An interactive globe An interactive globe made of logos.
Text flip animation Celebrate Fun A fun animation on user interaction!

How to Use

  1. Clone this repository
  2. Run flutter pub get
  3. Open the project in your preferred IDE
  4. 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.

flutterfx.com