#What is Componentry?

Componentry is a free, open-source React component library by Harsh Jadhav that delivers 40+ beautifully animated, production-ready UI components. It follows the shadcn/ui philosophy of copy-paste simplicity while standing out with high-quality Framer Motion animations that feel premium and natural. Ideal for React developers, designers, and teams building SaaS dashboards, marketing sites, portfolios, or interactive tools who want eye-catching motion without the usual setup pain or heavy dependencies. Powered by Tailwind CSS for styling, TypeScript for safety, and Framer Motion for physics-driven interactions, it lets you drop stunning components like Magnetic Dock, Matrix Rain, Cursor-Driven Particle Typography, and Animated Gradients directly into your project.

#Features ⚡

• Stunning Framer Motion Animations: Spring physics, magnetic effects, particle systems, scroll velocity, infinite icon fields, and more for lifelike interactions.

• shadcn/ui CLI Support: Install instantly with commands like npx shadcn@latest add @componentry/magnetic-dock.

• Zero Configuration: Works out of the box in any Tailwind + React setup.

• Interactive & Playful Elements: Matrix rain effect, particle typography, magnet lines, dither/animated gradients, and cursor-driven effects.

• Full TypeScript & Theming: Strongly typed components with easy light/dark mode and brand customization via Tailwind.

• Hover Previews in Docs: Beautiful sidebar with live previews for quick discovery.

• Open & Extensible: Full source code access for deep customization or forking.

#Pros ✅

• Exceptional animation quality that feels premium and intentional without being overwhelming.

• Perfect shadcn/ui workflow — copy-paste or CLI, full code ownership.

• 40+ components with a strong focus on delightful motion and interactivity.

• Completely free and open-source with active community feedback.

• Clean, modern design and excellent documentation make adoption fast and enjoyable.

#Cons ⚠️

• Heavy reliance on Framer Motion (adds a dependency if not already present).

• Animation-focused library — best for projects where motion enhances UX rather than minimal UIs.

• Smaller general-purpose component set compared to full shadcn/ui (more specialized in animated effects).

• Requires Tailwind CSS setup for optimal styling.

#Included Components - Templates

• Magnetic Dock: Interactive icon dock with magnetic hover physics.

• Cursor-Driven Particle Typography: Text that reacts to mouse movement with particles.

• Matrix Rain: Classic digital rain effect with customizable styling.

• Scroll Velocity: Components that respond to scroll speed and direction.

• Infinite Icon Field: Endless scrolling or animated icon grids.

• Magnet Lines: Interactive connecting lines that follow the cursor.

• Animated Gradient & Dither Gradient: Dynamic, eye-catching background effects.

• Particle Typography & More: Additional animated text, buttons, cards, and interactive elements (40+ total).

#Pricing 💸

• 100% free and open-source — no paid tiers, subscriptions, or restrictions.

• All 40+ components, registry, and source code are freely available for personal and commercial use.

#Integrations 🧰

• shadcn/ui: Direct CLI registry support for easy installation.

• React / Next.js: Primary framework compatibility.

• Tailwind CSS: Core styling system with easy theming.

• Framer Motion: Powers all advanced animations and interactions.

• TypeScript: Fully typed for safe development.