FLUTTER ECOSYSTEM

motion

A fancy widget that applies a gyroscope or hover based motion effect to its child.

motion cover
Latest version
2.0.2
30-day downloads
254
Likes
288
Pub points
140

Package Overview

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

Overview

The motion package enhances user experience by applying dynamic, gyroscope- or hover-based motion effects to its child widgets. It enables interactive and immersive animations that respond to device movement or cursor position, ideal for creating engaging UIs on mobile and web platforms. The package is lightweight and integrates seamlessly into Flutter projects with minimal setup. It supports both Android and iOS devices, as well as web browsers, making it versatile for cross-platform development. Perfect for adding subtle depth and responsiveness to buttons, cards, or backgrounds.

Use cases
  • Interactive app interfaces
  • Gyroscope-responsive UI elements
  • Hover-based animations on web
  • Enhancing card or button feedback
  • Creating immersive landing pages
Key features
  • Gyroscope-driven motion
  • Hover-based animation support
  • Cross-platform compatibility
  • Simple integration with existing widgets
  • Smooth, performant animations
Suitable for
  • Developers seeking interactive UIs
  • Designers wanting dynamic visual feedback
  • Projects targeting mobile and web
  • Apps aiming for modern, engaging UX
  • Prototyping responsive motion effects
Considerations
  • May impact performance on low-end devices
  • Requires device sensors for gyroscope mode
  • Web support depends on browser capabilities
  • Limited customization beyond basic motion parameters
  • Not suitable for static or minimalistic designs
Supported platformsAndroidiOSWeb

Install package

flutter pub add motion

Categories

Dependencies

Dependency list 2 items
  • motion_platform_interface^2.0.2
  • motion_web^2.0.2

Source repository

Related projects

No data available yet.