Skip to content

Add Shadcn Motion Blocks under Boilerplates#493

Open
DirckM wants to merge 1 commit into
unicodeveloper:masterfrom
DirckM:add-shadcn-motion-blocks
Open

Add Shadcn Motion Blocks under Boilerplates#493
DirckM wants to merge 1 commit into
unicodeveloper:masterfrom
DirckM:add-shadcn-motion-blocks

Conversation

@DirckM

@DirckM DirckM commented Jun 1, 2026

Copy link
Copy Markdown

Adding shadcn-motion-blocks, a Next.js 16 component library of 35 motion-aware marketing blocks built for shadcn/ui and Tailwind 4. Live at https://componentblocks.com.

Format compliance

  • Title Case Name + link + description ending with period
  • Description short, descriptive, no trailing whitespace
  • Searched existing entries for duplicates (none)
  • Single suggestion in this PR

What it is

Each block is a single copy-paste React file with Framer Motion 12 and Lenis baked in, and prefers-reduced-motion support built in. Three blocks (bg-aurora-mesh, magnetic-buttons, text-shimmer) are free and installable via the shadcn CLI. The full pack of 35 is a €19 one-time purchase. The interesting Next.js-specific bit: per-route static preview pages so each block iframe ships only its own client chunk, generated at build via a script that scans the registry directory.

Built on Next.js 16 (App Router), React 19, and Tailwind 4.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant