blaze-motion

Documentation

Own the files. Tune the feel.

Install once, then compose primitives around your own markup. Every component has its own page below — a live preview, source, and props.

One-time setup

Install, then mount the provider once at the root.

Install · works todayno config, no setup
Everything at once
npx shadcn add https://motion.asmitsah.dev/r/all.json

Resolves for anyone today — no components.json entry, no prior setup. One command lands the whole engine — the tokens, the provider, and every primitive — into your repo, editable.

Any single component
npx shadcn add https://motion.asmitsah.dev/r/slide.json

Every primitive installs on its own — swap slide for any name. It pulls the shared engine in automatically.

Repeat users — register once
npx shadcn registry add @blaze-motion=https://motion.asmitsah.dev/r/{name}.json
npx shadcn add @blaze-motion/all

Register the @blaze-motion namespace once, then add by shorthand across every project.

app/layout.tsx
// app/layout.tsx
import { MotionProvider } from "@/components/motion/motion-provider";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        <MotionProvider>{children}</MotionProvider>
      </body>
    </html>
  );
}

All components

21 primitives, one page each.