MotionX 🚀

The most advanced, feature-packed Flutter Motion & Animation Framework. Powerful physics, spring dynamics, micro-interactions, preset themes, and 30+ production-grade animated UI modules with zero boilerplate.

🌟 Key Features

  • Zero Boilerplate: Wrap standard widgets into reactive motion widgets with 1-2 lines of code.
  • 60/120 FPS Performance: Optimized custom spring simulations and ticker management.
  • Design Presets: Built-in support for Apple, Material3, Cyberpunk, Luxury, Glass, Minimal, Neo, and Gaming styling.
  • Cross-Platform: Full support for Mobile (iOS, Android), Desktop (macOS, Windows, Linux), and Web.
  • Universal Haptics: Built-in native feedback triggers for iOS & Android.

📦 Installation

Add motion_x to your pubspec.yaml:

dependencies:
  motion_x_ui: ^1.0.0

🚀 Quick Start

1. MotionButton (3D, Loading, Success, Error & Haptics)

MotionButton(
  text: 'Submit Order',
  preset: MotionPreset.apple,
  onPressed: () async {
    await Future.delayed(const Duration(seconds: 2));
  },
);

2. MotionOTP Input

MotionOTP(
  length: 6,
  preset: MotionPreset.cyberpunk,
  onCompleted: (code) {
    print('OTP Code: $code');
  },
);

3. MotionTextField (Glow & Error Shake)

MotionTextField(
  labelText: 'Email Address',
  preset: MotionPreset.glass,
);

4. MotionCard (3D Hover & Glass)

MotionCard(
  preset: MotionPreset.luxury,
  child: Text('Luxury Animated Card Content'),
);

👨‍💻 Author & Maintainer

Designed and engineered with ❤️ by Yash Tiwari.

📄 License

MIT License.

Libraries

motion_x_ui