Componentry

Overview

Componentry is an open-source, MIT-licensed collection of animated React components by Harsh Jadhav, part of the Vercel OSS Program. Components install with the shadcn CLI or through an AI editor using Componentry's MCP server, and the source is copied into the project to edit freely.

The library lists 54 components focused on visual effects and interaction: WebGL and shader-style backgrounds, cursor-driven text, scroll choreography, carousels and playful widgets. The registry also includes three blocks, a gradient hero and two pricing sections. Every component supports light and dark modes and is written in TypeScript.

Features

• Backgrounds and gradients: Aurora flow, silk aurora, grain gradient, dither prism hero, liquid chrome, WebGL liquid and matrix rain.
• Text effects: Kinetic text reveal, letter cascade, text morph, text repel, flipping word swap and cursor-driven particle typography.
• Image interactions: Image ripple effect, image trail, pixel image trail and an infinite image field.
• Scroll components: Scroll choreography, sticky scroll cards, scroll split card, scroll tilted grid and velocity scroll.
• Carousels and stacks: Liquid glass carousel, spiral 3D slider, wheel carousel, orbit card stack and case study flip stack.
• Widgets: Magnetic dock, Mac keyboard, music player, split-flap display, flight status card, lens clock and GitHub calendar.
• MCP install: Components can be added from an AI editor through Componentry's MCP integration.

Tech stack

• React, TypeScript
• Tailwind CSS
• Framer Motion
• Next.js docs site in a Turborepo monorepo

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @componentry/component-name