---
name: "@componentry"
slug: "componentry"
description: "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."
category: "Animated components"
tags: ["3d", "aesthetic", "animation", "audio", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "design-system", "forms", "glassmorphism", "icons", "loaders", "maps", "marketing", "media", "navigation", "overlays", "retro", "saas"]
framework: "react"
license: "MIT"
author: "harshjdhv"
website: "https://componentry.fun"
github: "https://github.com/harshjdhv/componentry"
registry: "https://componentry.fun/r/registry.json"
pro: false
pro_url: null
github_stars: 230
component_count: 55
generated_at: "2026-07-28T08:00:50.948Z"
---

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

## Links

- Website: https://componentry.fun
- GitHub: https://github.com/harshjdhv/componentry
- Registry JSON: https://componentry.fun/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/componentry
- This file: https://sh4dcn.vercel.app/md/componentry.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://componentry.fun/r/registry.json
pnpm dlx shadcn@latest add https://componentry.fun/r/registry.json
bunx shadcn@latest add https://componentry.fun/r/registry.json
# clone the source repo
git clone https://github.com/harshjdhv/componentry.git
# fetch the raw registry index
curl -s https://componentry.fun/r/registry.json
```

## Components (55)

| name | type | description | install |
| --- | --- | --- | --- |
| animated-gradient | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/animated-gradient.json` |
| ascii-effect | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/ascii-effect.json` |
| auth-modal | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/auth-modal.json` |
| border-beam | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/border-beam.json` |
| circuit-board | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/circuit-board.json` |
| closing-plasma | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/closing-plasma.json` |
| collection-surfer | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/collection-surfer.json` |
| command-menu | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/command-menu.json` |
| cursor-driven-particle-typography | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/cursor-driven-particle-typography.json` |
| dither-gradient | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/dither-gradient.json` |
| dither-prism-hero | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/dither-prism-hero.json` |
| dithered-logo | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/dithered-logo.json` |
| eye-tracking | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/eye-tracking.json` |
| flight-status-card | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/flight-status-card.json` |
| github-calendar | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/github-calendar.json` |
| hero-geometric | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/hero-geometric.json` |
| hyper-text | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/hyper-text.json` |
| image-ripple-effect | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/image-ripple-effect.json` |
| image-trail | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/image-trail.json` |
| infinite-image-field | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/infinite-image-field.json` |
| interactive-hover-button | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/interactive-hover-button.json` |
| kinetic-text-reveal | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/kinetic-text-reveal.json` |
| layered-stack | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/layered-stack.json` |
| letter-cascade | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/letter-cascade.json` |
| liquid-blob | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/liquid-blob.json` |
| liquid-chrome | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/liquid-chrome.json` |
| mac-keyboard | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/mac-keyboard.json` |
| magnet-lines | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/magnet-lines.json` |
| magnetic-dock | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/magnetic-dock.json` |
| matrix-rain | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/matrix-rain.json` |
| music-player | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/music-player.json` |
| noise-texture | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/noise-texture.json` |
| orbit-card-stack | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/orbit-card-stack.json` |
| particle-galaxy | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/particle-galaxy.json` |
| pixel-canvas | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/pixel-canvas.json` |
| prism-gradient | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/prism-gradient.json` |
| pulsating-button | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/pulsating-button.json` |
| ripple-transition | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/ripple-transition.json` |
| scroll-based-velocity | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/scroll-based-velocity.json` |
| scroll-choreography | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/scroll-choreography.json` |
| scroll-split-card | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/scroll-split-card.json` |
| scroll-tilted-grid | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/scroll-tilted-grid.json` |
| scrub-input | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/scrub-input.json` |
| shimmer-button | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/shimmer-button.json` |
| showcase-card | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/showcase-card.json` |
| signature | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/signature.json` |
| silk-aurora | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/silk-aurora.json` |
| split-flap-display | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/split-flap-display.json` |
| spotlight-card | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/spotlight-card.json` |
| sticky-scroll-cards | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/sticky-scroll-cards.json` |
| testimonial-marquee | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/testimonial-marquee.json` |
| text-animate | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/text-animate.json` |
| text-repel | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/text-repel.json` |
| webgl-liquid | registry:ui | — | `npx shadcn@latest add https://componentry.fun/r/webgl-liquid.json` |
| gradient-hero-01 | registry:block | — | `npx shadcn@latest add https://componentry.fun/r/gradient-hero-01.json` |

## For AI agents

```text
You are adding components from @componentry to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/componentry.md) for the component list.
2. Fetch the machine-readable index: https://componentry.fun/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: componentry).
```