Skip to content
Index730 resources
Componentry

Componentry

62 animated React components plus 3 blocks, installed via the shadcn CLI

Tier A · StrongComponent LibraryRegistryAnimation Librarycomponentry.dev

(Visit componentry.dev ↗)(Docs)(Repository)(Registry)
Preview image from componentry.dev

An open-source registry of motion-first React components: text animations, scroll choreography, WebGL and shader hero backgrounds, dither and pixel effects, and interaction toys like a magnetic dock and split-flap display. Built on Next.js 16, React 19, Tailwind CSS 4 and Framer Motion, with GSAP for a few components (image-trail, layered-stack). Everything is copy-in source through the shadcn CLI rather than an npm dependency, so you own and can edit the code. MIT, by Harsh Jadhav, in Vercel's Open Source Program.

Install
npx shadcn@latest add @componentry/magnetic-dock

For an agent

Reach for this over Magic UI or Aceternity when the ask is a shader or WebGL hero (webgl-liquid, silk-aurora, liquid-chrome, dither-prism-hero) or scroll choreography -- that is where its catalog is deepest, and it drops in beside shadcn/ui because it writes to the same components directory and CSS variables. Read the exact item names from https://componentry.dev/r/registry.json before installing; the docs sidebar groups them differently and the names are not guessable. Watch the weight: the shader and canvas items pull WebGL or GSAP and run continuously, so gate them behind prefers-reduced-motion and keep them off dashboards and mobile.

Why it is here. A well-maintained MIT motion registry that covers shader backgrounds and scroll effects most shadcn-adjacent libraries skip, with a clean registry.json an agent can read directly.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
React, Next.js
Styling
Tailwind CSS v4, CSS custom properties, Shader / GLSL
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
Machine-readable registry item, CLI installable, Readable open source, Structured documentation, Copy-paste ready code
Accessibility
Accessible
Maturity
Actively maintained
GitHub stars
452

Components it ships

65 total
Gradient BackgroundParticle BackgroundText EffectTypewriter TextScroll RevealScroll Driven AnimationParallaxPage TransitionHover EffectCustom CursorMarqueeCarouselStickyAnimationTransitionShimmerButtonCardHeroPricing TableModalLogin FormCommand PaletteDockKbdAudio PlayerHeatmapImage GallerySignature PadSliderTicker

Helps you build

6
HomepageFeaturesPricing WebsiteTestimonialsLogin Web AppCommand Palette

Notable for

  • 62 UI items + 3 blocks in registry.json
  • WebGL and dither/shader hero backgrounds
  • MIT, 452 stars, pushed 2026-08-14
  • React 19 / Tailwind 4 / Framer Motion with GSAP for some items
  • Vercel Open Source Program

Provenance

Verified 2026-08-15. HTTP 200. https://componentry.dev, https://componentry.dev/docs, https://componentry.dev/r/registry.json (65 items parsed), https://github.com/harshjdhv/componentry, GitHub API repos/harshjdhv/componentry

Also in Motion & Interaction

6
componentry.devTier A