⚡ Installation

Install VibeDev Motion and its required peer dependencies: Framer Motion and the Rapier WASM engine.

npm install vibedev-motion @dimforge/rapier2d framer-motion

🛠️ Configuration

To get started, wrap your application in the VibeProvider. This provider handles the global physics engine and theme.

import { VibeProvider } from 'vibedev-motion';

function App({ children }) {
  return (
    <VibeProvider initialVibe="cyber">
      {children}
    </VibeProvider>
  );
}

Available Vibes

You can choose from several pre-configured physics "vibes":

apple: Smooth, high-inertia, premium feel.
cyber: High-stiffness, futuristic, energetic.
minimal: Subtle, low-impact, clean.
glitch: Experimental, high-frequency, unique.

Architecture