componentrylisted

Install and integrate Componentry (componentry.dev — componentry.fun redirects there) — an MIT-licensed, Vercel-OSS-backed library of ~60 animated React components by Harsh Jadhav (@harshjdhv), distributed as copy-in source via the shadcn registry (npx shadcn@latest add @componentry/<name>) and built on framer-motion, Tailwind, and canvas/WebGL — into Next.js 14 + Tailwind 3.4 + motion v13 (`motion/react`). Use this whenever a task involves componentry.dev/componentry.fun or an @componentry/ install command, a landing page needs a spectacle background (matrix rain, dither gradient, aurora, liquid chrome, particle galaxy, circuit board, noise), an interactive set-piece (magnetic dock, eye tracking, image trail, spotlight card, split-flap display, mac keyboard), kinetic typography (letter cascade, text repel, particle typography, hyper text, text morph), or a scroll set-piece (sticky scroll cards, scroll split card, scroll velocity text, scroll choreography) — and whenever choosing between componentry and motio
shashidharbabu/claude-design-skills · ★ 0 · Web & Frontend · score 60

Install: claude install-skill shashidharbabu/claude-design-skills

# Componentry Componentry is a **free, MIT-licensed, open-source collection of animated React components**, distributed shadcn-style: the CLI copies TypeScript source into your repo — no npm package to depend on. By Harsh Jadhav (@harshjdhv), backed by the Vercel OSS Program. Source: `github.com/harshjdhv/componentry`. - **Canonical domain: `componentry.dev`** — `componentry.fun` 301-redirects there (the registry metadata still says .fun; same site). - **Trap: the npm package named `componentry` is an unrelated design-system library.** Never `npm install componentry` — components arrive only via the shadcn registry or copy-paste from the docs. - Components use **`framer-motion`** (verified in registry payloads) — our exact stack, no `motion`-package migration needed. Heavier pieces are canvas/WebGL and need care (see integration reference). ## Install Requires a shadcn-initialized project (`components.json`, `cn()` in `lib/utils`) — mechanics, and the **Tailwind v3.4 vs v4 CLI caveat**, are the **shadcn** skill's territory; read it before the first install in this repo. ```bash npx shadcn@latest add @componentry/magnetic-dock ``` Source lands in `components/ui/<name>.tsx`; npm deps declared per component (e.g. `framer-motion`) are installed automatically. No CLI? Fetch the registry JSON directly — `https://componentry.dev/r/<name>.json` — and copy `files[].content` by hand. Docs per component: `https://componentry.dev/docs/components/<name>`. ## What exists (