v0.2.0+2animated_clipper
Clip your widgets with Animated Clippers. Includes a collection of PathBuilders and helper widgets.
111Likes 1230-day downloads160Pub points
AndroidiOSWebmacOSWindowsLinux
flowmobile/animated_clipper
Flutter Plugin. Clip your widgets with Animated Clippers. Includes a collection of PathBuilders and helper widgets.
- Stars
- 7
- Forks
- 2
- Last push (UTC)
- Jun 22, 2021
- Project status
- Active
GITHUB Organization
Flow Mobile ↗
LanguagesDartSwiftKotlinObjective-C
Technical topics
Packages published by this repository
v0.2.0+2Dependencies used
Dependency list 2 items
- flutter
{"sdk":"flutter"} - flutter_testDevelopment
{"sdk":"flutter"}
Original README
English project snapshot. Visit GitHub for the latest content.
Expand / collapse project README
animated_clipper
Clip your widgets with Animated Clippers.
Reveal widgets with AnimatedClipReveal.
Animate between two widgets with AnimatedCrossClip.
Interactively switch between two widgets with ClipSwitch.
Use ClipPathTransition if you want to use an AnimationController.
A collection of PathBuilders are bundled for rendering (see below)
Example
The example project demonstrates the main widgets
demo
Live Demo
The BEAST app uses animated_clipper for its "todo" screen
demo
PathBuilders
There are a number of PathBuilder classes inclded. Or you can roll your own.
| Demo | PathBuilder | Demo | PathBuilder |
|---|---|---|---|
| https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideUp.gif | slideUp | https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideDown.gif | slideDown |
| https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideLeft.gif | slideLeft | https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideRight.gif | slideRight |
| https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitVerticalIn.gif | splitVerticalIn | https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitVerticalOut.gif | splitVerticalOut |
| https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitHorizontalIn.gif | splitHorizontalIn | https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitHorizontalOut.gif | splitHorizontalOut |
| https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/circleIn.gif | circleIn | https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/circleOut.gif | circleOut |