motion_x_ui 2.0.0
motion_x_ui: ^2.0.0 copied to clipboard
The ultimate Flutter Premium Design System + Motion Framework. 200+ components, 10 presets, border beam, aurora, glass, 3D tilt, magnetic effects, and premium loaders — all with zero boilerplate.
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, andGamingstyling. - 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.