https://github.com/vchib1/flutter-curve-visualizer
A web app built with Flutter to visualize animation curves interactively. This tool helps developers understand and experiment with different Flutter animation curves in a graphical interface.
https://github.com/vchib1/flutter-curve-visualizer
animation canvas custom-painter-flutter dart flutter flutter-animation flutter-curve flutter-web
Last synced: about 2 months ago
JSON representation
A web app built with Flutter to visualize animation curves interactively. This tool helps developers understand and experiment with different Flutter animation curves in a graphical interface.
- Host: GitHub
- URL: https://github.com/vchib1/flutter-curve-visualizer
- Owner: vchib1
- Created: 2024-12-30T08:49:04.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2025-02-23T15:28:37.000Z (3 months ago)
- Last Synced: 2025-03-27T10:12:28.043Z (2 months ago)
- Topics: animation, canvas, custom-painter-flutter, dart, flutter, flutter-animation, flutter-curve, flutter-web
- Language: Dart
- Homepage: https://vchib1.github.io/flutter-curve-visualizer/
- Size: 23.6 MB
- Stars: 10
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flutter Curve Visualizer
A web app built with Flutter to visualize animation curves interactively. This tool helps developers
understand and experiment with different Flutter animation curves in a graphical interface.
## Features
- Graphical visualization of animation curves on a graph.
- Interactive controls to select curve category, curve type, and animation duration.
- Play/Pause animation functionality using a Floating Action Button (FAB).
- Preview boxes demonstrating Translate X & Y, Scale, Rotate, Flip and Opacity effects.
- Responsive design for seamless use across devices (desktop, tablet, and mobile).
This app is ideal for exploring and learning how different animation curves work in Flutter
applications.
## Roadmap
- Add more controls.
- Add Interactive Graph to visualize custom curve.
- Add Switch to toggle theme mode in header.
## Live-Demo
https://vchib1.github.io/flutter-curve-visualizer/
## Authors
- [@vchib1](https://www.github.com/vchib1)