# Componentry

> Animated React component library (Tailwind, TypeScript, Framer Motion) with liquid-glass carousels, image ripples, particle typography, cinematic scroll effects and WebGL; install via the shadcn CLI or through MCP in an AI editor.

- **Open:** https://componentry.dev
- **Type:** tool · **Category:** [Design](https://orphic.adarshji.com/explore/category/design.md)
- **Tags:** react-components, ui-components, animation, shadcn, mcp
- **First found:** 2026-10-31 · **Web page:** https://orphic.adarshji.com/explore/componentry

## Use it to

- cinematic hero sections and landing pages
- animated portfolio sites
- add components with an ai editor via mcp

## Found in (credit the creator)

- Instagram post by @sahni.ai: https://instagram.com/reel/DeUWlbmjJ99 (2026-10-31)

## From the same post

- [Arc UI](https://orphic.adarshji.com/explore/arc-ui.md): React components and complete blocks (dashboards, settings, auth) with consistent tokens, motion, loading and real interaction states;… · tool · https://uiarc.dev
- [Planes](https://orphic.adarshji.com/explore/planes.md): Animated React components for shadcn/ui and Next.js, built with Motion and Tailwind CSS v4 and installed as source via the shadcn CLI; MCP… · tool · https://useplanes.com
- [Skecher UI](https://orphic.adarshji.com/explore/skecher-ui.md): Motion-first React components with live previews and copyable source: morphing navigation, gooey toolbars, liquid-glass surfaces, animated… · tool · https://skecher-ui.com
- [Space UI](https://orphic.adarshji.com/explore/space-ui.md): Interactive UI component and block library with shaders, gooey sliders, fluid animations, high-conversion blocks and templates for shipping… · tool · https://spaceui.one

## More in Design

- [Three.js](https://orphic.adarshji.com/explore/three-js.md): JavaScript 3D library; as a Claude skill it makes cinematic 3D product commercials, exploded product views and 3D explainers. · tool · https://threejs.org
- [apple-design (Emil Kowalski skills)](https://orphic.adarshji.com/explore/apple-design-emil-kowalski-skills.md): Claude skill from Emil Kowalski's skills repo that applies Apple's WWDC motion principles to the web: springs, instant response, gesture… · repo · https://github.com/emilkowalski/skills/tree/main/skills/apple-design
- [apple-design-skill (dickwu)](https://orphic.adarshji.com/explore/apple-design-skill-dickwu.md): Cross-platform UI/UX design reviewer skill based on Apple's Human Interface Guidelines; works with Flutter, Tauri, Electron, React Native,… · repo · https://github.com/dickwu/apple-design-skill
- [Apple-standard design skills for Claude guide (@jesserurka)](https://orphic.adarshji.com/explore/apple-standard-design-skills-for-claude-guide-jesserurka.md): Notion guide covering two Claude skills that make Claude follow Apple's published design rules, with install steps, a rename fix for the… · resource · https://orphic.adarshji.com/explore/apple-standard-design-skills-for-claude-guide-jesserurka/files
- [Bible Strong Avatar Lab](https://orphic.adarshji.com/explore/bible-strong-avatar-lab.md): Free open-source browser studio (AGPL-3.0) for procedural 2D avatars: build a character from 3D-inspired shapes, design expressions and… · repo · https://github.com/smontlouis/bible-strong-avatar-lab
- All of them: https://orphic.adarshji.com/explore/category/design.md

Up: [Design](https://orphic.adarshji.com/explore/category/design.md) · [All categories](https://orphic.adarshji.com/explore.md) · [Start here](https://orphic.adarshji.com/llms.txt)