@componentry

Free, open-source React component library by Harsh Jadhav featuring beautiful, animated copy-paste components built with Tailwind CSS, TypeScript, and Framer Motion. Includes cursor-driven particle typography, dither-gradient effects, image trails, WebGL liquid backgrounds, scroll choreography, split-flap displays, pixel canvas, magnet lines, magnetic dock, and 30+ interactive components. Shadcn-compatible, MIT-licensed. Use for: adding high-visual-impact interactive animations and creative cursor/scroll effects to a product landing page or portfolio.

55 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ clone source (55 .json) ↗ clone brief (PROMPT.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://componentry.fun/r/registry.json

pnpm pnpm dlx shadcn@latest add https://componentry.fun/r/registry.json

bun bunx shadcn@latest add https://componentry.fun/r/registry.json

fetch registry curl -s https://componentry.fun/r/registry.json

Components

55 total

animated-gradient ui

npx shadcn@latest add https://componentry.fun/r/animated-gradient.json

ascii-effect ui

npx shadcn@latest add https://componentry.fun/r/ascii-effect.json

aurora-flow ui

npx shadcn@latest add https://componentry.fun/r/aurora-flow.json

case-study-flip-stack ui

npx shadcn@latest add https://componentry.fun/r/case-study-flip-stack.json

circuit-board ui

npx shadcn@latest add https://componentry.fun/r/circuit-board.json

closing-plasma ui

npx shadcn@latest add https://componentry.fun/r/closing-plasma.json

collection-surfer ui

npx shadcn@latest add https://componentry.fun/r/collection-surfer.json

cursor-driven-particle-typography ui

npx shadcn@latest add https://componentry.fun/r/cursor-driven-particle-typography.json

dither-gradient ui

npx shadcn@latest add https://componentry.fun/r/dither-gradient.json

dither-prism-hero ui

npx shadcn@latest add https://componentry.fun/r/dither-prism-hero.json

dithered-logo ui

npx shadcn@latest add https://componentry.fun/r/dithered-logo.json

eye-tracking ui

npx shadcn@latest add https://componentry.fun/r/eye-tracking.json

fisheye-infinite-grid ui

npx shadcn@latest add https://componentry.fun/r/fisheye-infinite-grid.json

flight-status-card ui

npx shadcn@latest add https://componentry.fun/r/flight-status-card.json

flipping-word-swap ui

npx shadcn@latest add https://componentry.fun/r/flipping-word-swap.json

github-calendar ui

npx shadcn@latest add https://componentry.fun/r/github-calendar.json

hero-geometric ui

npx shadcn@latest add https://componentry.fun/r/hero-geometric.json

hover-transition ui

npx shadcn@latest add https://componentry.fun/r/hover-transition.json

image-ripple-effect ui

npx shadcn@latest add https://componentry.fun/r/image-ripple-effect.json

image-trail ui

npx shadcn@latest add https://componentry.fun/r/image-trail.json

infinite-image-field ui

npx shadcn@latest add https://componentry.fun/r/infinite-image-field.json

kinetic-text-reveal ui

npx shadcn@latest add https://componentry.fun/r/kinetic-text-reveal.json

layered-stack ui

npx shadcn@latest add https://componentry.fun/r/layered-stack.json

letter-cascade ui

npx shadcn@latest add https://componentry.fun/r/letter-cascade.json

liquid-chrome ui

npx shadcn@latest add https://componentry.fun/r/liquid-chrome.json

mac-keyboard ui

npx shadcn@latest add https://componentry.fun/r/mac-keyboard.json

magnet-lines ui

npx shadcn@latest add https://componentry.fun/r/magnet-lines.json

magnetic-dock ui

npx shadcn@latest add https://componentry.fun/r/magnetic-dock.json

matrix-rain ui

npx shadcn@latest add https://componentry.fun/r/matrix-rain.json

music-player ui

npx shadcn@latest add https://componentry.fun/r/music-player.json

newsletter-bookshelf ui

npx shadcn@latest add https://componentry.fun/r/newsletter-bookshelf.json

orbit-card-stack ui

npx shadcn@latest add https://componentry.fun/r/orbit-card-stack.json

pixel-canvas ui

npx shadcn@latest add https://componentry.fun/r/pixel-canvas.json

pixel-image-trail ui

npx shadcn@latest add https://componentry.fun/r/pixel-image-trail.json

prism-gradient ui

npx shadcn@latest add https://componentry.fun/r/prism-gradient.json

ripple-transition ui

npx shadcn@latest add https://componentry.fun/r/ripple-transition.json

scroll-based-velocity ui

npx shadcn@latest add https://componentry.fun/r/scroll-based-velocity.json

scroll-choreography ui

npx shadcn@latest add https://componentry.fun/r/scroll-choreography.json

scroll-split-card ui

npx shadcn@latest add https://componentry.fun/r/scroll-split-card.json

scroll-tilted-grid ui

npx shadcn@latest add https://componentry.fun/r/scroll-tilted-grid.json

signature ui

npx shadcn@latest add https://componentry.fun/r/signature.json

silk-aurora ui

npx shadcn@latest add https://componentry.fun/r/silk-aurora.json

spiral-3d-slider ui

npx shadcn@latest add https://componentry.fun/r/spiral-3d-slider.json

split-flap-display ui

npx shadcn@latest add https://componentry.fun/r/split-flap-display.json

sticky-scroll-cards ui

npx shadcn@latest add https://componentry.fun/r/sticky-scroll-cards.json

text-morph ui

npx shadcn@latest add https://componentry.fun/r/text-morph.json

text-repel ui

npx shadcn@latest add https://componentry.fun/r/text-repel.json

webgl-liquid ui

npx shadcn@latest add https://componentry.fun/r/webgl-liquid.json

wheel-carousel ui

npx shadcn@latest add https://componentry.fun/r/wheel-carousel.json

annotated-text ui

npx shadcn@latest add https://componentry.fun/r/annotated-text.json

grain-gradient ui

npx shadcn@latest add https://componentry.fun/r/grain-gradient.json

spectral-ribbon ui

npx shadcn@latest add https://componentry.fun/r/spectral-ribbon.json

gradient-hero-01 block

npx shadcn@latest add https://componentry.fun/r/gradient-hero-01.json

pricing-01 block

npx shadcn@latest add https://componentry.fun/r/pricing-01.json

pricing-02 block

npx shadcn@latest add https://componentry.fun/r/pricing-02.json