Put motion on your website within minutes.

A collection of primitives that allow you to build beautiful animations and interactions with minimal effort.

Get started

First install the headless-motion package. React +18 is required to use this library.

npm install headless-motion

yarn add headless-motion

pnpm add headless-motion

Then import the MotionWrapper component and wrap your application with it. This will load the necessary stuff to make animations work.

import { MotionWrapper } from "headless-motion";

function App() {
  return (
    <MotionWrapper>
      <Component />
    </MotionWrapper>
  );
}

That's it! You can now use the primitives to build your animations.