Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.2

motion_widget

A simple, powerful widget to build cool transitions. It handles initialization, state changes, code clean-ups and all the other animation boilerplate code, keeping you in the driver's seat by allowing you control the animations at each interval.

pub.dev API documentation Source code
30-day downloads
14
Likes
66
Pub points
20

Install package

flutter pub add motion_widget

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

MotionWidget is a Flutter package designed to simplify the creation of smooth, dynamic transitions. It abstracts away common animation boilerplate—such as initialization, state management, and cleanup—while giving developers full control over animation intervals. With intuitive APIs, it enables developers to focus on design and behavior rather than low-level animation logic. Ideal for building responsive UIs with fluid interactions, it enhances user experience through polished visual feedback.

Use cases

  • Creating animated button states
  • Building sliding panel transitions
  • Implementing fade-in/fade-out effects
  • Designing interactive form elements
  • Animating list item entries
  • Adding micro-interactions to UI components

Key features

  • Automatic animation lifecycle management
  • Fine-grained control over animation intervals
  • Minimal boilerplate code
  • Supports complex transition sequences
  • Easy integration with existing widgets
  • Clean, readable API

Suitable for

  • Flutter developers seeking efficient animation solutions
  • UI/UX designers implementing interactive prototypes
  • Apps requiring rich, responsive animations
  • Teams prioritizing clean, maintainable animation code
  • Developers avoiding manual AnimationController management

Considerations

  • Requires understanding of basic animation concepts
  • Limited documentation beyond core examples
  • May introduce overhead in simple use cases
  • Not optimized for extremely high-frequency animations
  • Best suited for medium to complex transition needs

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

motion_widget

A simple, powerful widget to build cool transitions

Features

  • Fine-grained control with Interval
  • Lightweight & fully customizable
  • No boilerplate code
  • Works with Row & Column
  • Support for Translate & Fade modes
  • Provides Exit transitions
  • No code clean-up required
Screenshots

Screenshot

Usage

To use this plugin :

  • Add the dependency
  dependencies:
    flutter:
      sdk: flutter
    motion_widget:
  • Use the widget as a Row or a Column
Motion<Row>(
    children: <Widget>[]
)
  • Wrap its child with MotionElement
MotionElement(
    interval: Interval(0.3, 0.9)
    mode: MotionMode.FADE
    child: Container()
    orientation: MotionOrientation.HORIZONTAL_LEFT
)
  • Provide exitConfigurations for exit transitions
Motion(
    exitConfigurations: MotionExitConfigurations(
        displacement: 200,
        orientation: MotionOrientation.HORIZONTAL_LEFT,
        durationMs: 400
    )
)

Pull Requests

All the pull requests are welcomed. Please feel free to make valuable additions in the code.

Created by

Sumeet Rukeja (LinkedIn)

License

Copyright 2020 Sumeet Rukeja

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Categories

Animation & Transition

Source repository

Projects using this package

No data available yet.