https://github.com/flowmobile/animated_clipper

Flutter Plugin. Clip your widgets with Animated Clippers. Includes a collection of PathBuilders and helper widgets.
https://github.com/flowmobile/animated_clipper

animation flutter

Last synced: 1 day ago
JSON representation

Flutter Plugin. Clip your widgets with Animated Clippers. Includes a collection of PathBuilders and helper widgets.

• Host: GitHub
• URL: https://github.com/flowmobile/animated_clipper
• Owner: flowmobile
• License: mit
• Created: 2020-07-05T10:40:56.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-06-22T13:33:58.000Z (over 3 years ago)
• Last Synced: 2024-08-22T23:44:52.805Z (3 months ago)
• Topics: animation, flutter
• Language: Dart
• Homepage: https://pub.dev/packages/animated_clipper
• Size: 4 MB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this 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](https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/example.gif)

### Live Demo

The BEAST app uses `animated_clipper` for its "todo" screen

![demo](https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/beast.gif)

### PathBuilders

There are a number of `PathBuilder` classes inclded. Or you can roll your own.

Demo | PathBuilder | Demo | PathBuilder

------------ | ------------- | ------------ | -------------

 | slideUp |  | slideDown

 | slideLeft |  | slideRight

 | splitVerticalIn |  | splitVerticalOut

 | splitHorizontalIn |  | splitHorizontalOut

 | circleIn |  | circleOut