Powerful Motion Engine
Production-ready motion primitives that run on the CSS engine for maximum performance. Familiar API, zero learning curve.
Gestures
Native whileHover and whileTap support for instant tactile feedback.
Keyframes
Complex multi-step animations using simple array values. Optimized CSS output.
SVG Paths
Advanced pathLength and pathOffset controls for stunning vector reveals.
Variants
Orchestrate complex staggered animations with named states and children propagation.
Ready to Start?
Get up and running in seconds. No complex setup required.
Installation
Install the package using your favorite package manager.
npm install @bugzx-motion/next
TypeScript Ready SSR Compatible
Usage
Import and use components directly in your application.
import { Motion } from '@bugzx-motion/next'; export default function App() { return ( <Motion.div animate={{ y: 50 }} transition={{ duration: 0.5 }} /> ); }