Tool

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.

Back to the catalogue

Type: Tool
Category: Design
Verified link: Checked
First found: 31 Oct 2026

Use it for

Cinematic hero sections and landing pages
Animated portfolio sites
Add components with an ai editor via mcp

More in design

Three.jsJavaScript 3D library; as a Claude skill it makes cinematic 3D product commercials, exploded product views and 3D explainers.threejs.org
apple-design (Emil Kowalski skills)Claude skill from Emil Kowalski's skills repo that applies Apple's WWDC motion principles to the web: springs, instant response, gesture velocity and interruptible animation.github.com
apple-design-skill (dickwu)Cross-platform UI/UX design reviewer skill based on Apple's Human Interface Guidelines; works with Flutter, Tauri, Electron, React Native, SwiftUI and agents like Claude Code, Cursor and Codex.github.com
Apple-standard design skills for Claude guide (@jesserurka)Notion guide covering two Claude skills that make Claude follow Apple's published design rules, with install steps, a rename fix for the clashing apple-design name, and ready prompts for building and reviewing UI.glamorous-pencil-2e4.notion.site
Bible Strong Avatar LabFree open-source browser studio (AGPL-3.0) for procedural 2D avatars: build a character from 3D-inspired shapes, design expressions and animations, then export reusable React, JavaScript, SVG or PNG assets; no account needed. Paste the repo into Claude Code to build interactive avatars for your app.github.com
Libraries.devOpen-source collection of libraries and models for next-generation UI effects (glow, beams, thinking orbs, motion; MIT, 4.5k stars); paste the GitHub link into Claude and it pulls in the real code for unique visuals in videos and interfaces.github.com