@knot-ui

A registry of animated, cinematic React components and UI blocks for shadcn — buttons, cards, folders, navbars and more, built with Tailwind CSS v4 and Motion.

15 components react shadcn-cli

website ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://knot-ui.trupal.me/r/registry.json

pnpm pnpm dlx shadcn@latest add https://knot-ui.trupal.me/r/registry.json

bun bunx shadcn@latest add https://knot-ui.trupal.me/r/registry.json

fetch registry curl -s https://knot-ui.trupal.me/r/registry.json

Components

15 total

Premium Snow Button component

A cinematic button with realistic snowflake particle effects rendered on a canvas.

npx shadcn@latest add https://knot-ui.trupal.me/r/button.json

Rise Button component

A button with a rising overlay animation on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/rise-button.json

Glare Button component

A dark button with a sweeping glare highlight on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/glare-button.json

Flip Button component

A button that flips between a light front face and dark back face in 3D on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/flip-button.json

Glass Button component

A frosted-glass morphism button with backdrop blur and inset highlights.

npx shadcn@latest add https://knot-ui.trupal.me/r/glass-button.json

Slide Button component

A button with a sliding color overlay revealing from one side on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/slide-button.json

Slide Link Button component

A minimal link-style button with a sliding underlay on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/slide-link-button.json

Square Button component

A sharp-cornered button with decorative corner brackets.

npx shadcn@latest add https://knot-ui.trupal.me/r/square-button.json

Flip Card component

A book-style flip card with a spine tab that reveals on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/flip-card.json

Navbar component

A floating navbar that shrinks and collapses to a pill shape on scroll.

npx shadcn@latest add https://knot-ui.trupal.me/r/navbar.json

Orbiting Avatars component

A circular orbit of avatar images that spin around a central CTA button.

npx shadcn@latest add https://knot-ui.trupal.me/r/orbiting-avatars.json

Fan Folder component

Cards fan out and spread behind the folder on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/fan-folder.json

Open Folder component

Lid opens with 3D perspective and floating cards emerge on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/open-folder.json

Lift Folder component

Lid lifts up in 3D while stacked cards reveal behind it on hover.

npx shadcn@latest add https://knot-ui.trupal.me/r/lift-folder.json

Theme Toggle component

A dithered 'hand of god' dark-mode toggle with a circular view-transition reveal.

npx shadcn@latest add https://knot-ui.trupal.me/r/hand-toggle.json