flowmobile/animated_clipper

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