@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.

52 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

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

52 total

animated-gradient ui

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

auth-modal ui

npx shadcn@latest add https://componentry.fun/r/auth-modal.json

border-beam ui

npx shadcn@latest add https://componentry.fun/r/border-beam.json

bouncy-accordion ui

npx shadcn@latest add https://componentry.fun/r/bouncy-accordion.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

command-menu ui

npx shadcn@latest add https://componentry.fun/r/command-menu.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

eye-tracking ui

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

flight-status-card ui

npx shadcn@latest add https://componentry.fun/r/flight-status-card.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

hyper-text ui

npx shadcn@latest add https://componentry.fun/r/hyper-text.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

interactive-hover-button ui

npx shadcn@latest add https://componentry.fun/r/interactive-hover-button.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-blob ui

npx shadcn@latest add https://componentry.fun/r/liquid-blob.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

noise-texture ui

npx shadcn@latest add https://componentry.fun/r/noise-texture.json

orbit-card-stack ui

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

particle-galaxy ui

npx shadcn@latest add https://componentry.fun/r/particle-galaxy.json

pixel-canvas ui

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

pulsating-button ui

npx shadcn@latest add https://componentry.fun/r/pulsating-button.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

scrub-input ui

npx shadcn@latest add https://componentry.fun/r/scrub-input.json

shimmer-button ui

npx shadcn@latest add https://componentry.fun/r/shimmer-button.json

showcase-card ui

npx shadcn@latest add https://componentry.fun/r/showcase-card.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

split-flap-display ui

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

spotlight-card ui

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

sticky-scroll-cards ui

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

testimonial-marquee ui

npx shadcn@latest add https://componentry.fun/r/testimonial-marquee.json

text-animate ui

npx shadcn@latest add https://componentry.fun/r/text-animate.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

gradient-hero-01 block

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