blaze-motion

blaze-motion/all

FreeBlock

The full motion engine in one install — the tuned tokens (lib/motion.ts), the provider, and every motion primitive. Self-contained; retune the whole set from the `feel` block in lib/motion.ts.

Install it

npx shadcn@latest add https://motion.asmitsah.dev/r/all.json

Source

components/motion/motion-provider.tsxmotion.asmitsah.dev/r/all.json

1"use client";
2 
3import { domAnimation, LazyMotion, MotionConfig } from "motion/react";
4import type { ReactNode } from "react";
5 
6/**
7 * Mount ONCE in your root layout, wrapping {children}.
8 * LazyMotion `strict` means primitives must import `m` from "motion/react-m" —
9 * a raw `motion.*` will throw. `reducedMotion="user"` honors the OS setting.
10 */
11export function MotionProvider({ children }: { children: ReactNode }) {
12  return (
13    <LazyMotion features={domAnimation} strict>
14      <MotionConfig reducedMotion="user">{children}</MotionConfig>
15    </LazyMotion>
16  );
17}

What it pulls in

npm packages

motion

Files it writes

lib/motion.ts
components/motion/motion-provider.tsx
components/motion/cinematic-image.tsx
components/motion/clip-reveal.tsx
components/motion/fade.tsx
components/motion/grayscale-reveal.tsx
components/motion/grow-from-origin.tsx
components/motion/inset-frame-reveal.tsx
components/motion/line-reveal.tsx
components/motion/mask-text-reveal.tsx
components/motion/perspective-tilt-in.tsx
components/motion/radial-stagger.tsx
components/motion/scale-in.tsx
components/motion/scale-x-reveal.tsx
components/motion/sibling-dimming.tsx
components/motion/slide.tsx
components/motion/spring-pop.tsx
components/motion/stagger.tsx
components/motion/text-reveal.tsx

More from blaze-motion

All 19 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs	Command
Motion engine (base)provider	blaze-motion	Blocks	Free	1 dep · 2 files