Componentry

Componentry ist eine kostenlose, quelloffene Sammlung animierter React-Komponenten von Harsh Jadhav, gedacht zum Kopieren und Einfügen statt zum Installieren als klassische npm-Abhängigkeit. Die rund 40 Bausteine verteilen sich auf vier Kategorien: Text-Animationen wie Hyper Text oder Scroll Velocity, allgemeine interaktive Komponenten wie einen Musikplayer oder ein Command-Menu, WebGL-Hero-Hintergründe wie Dither Prism Hero oder animierte Gradients, sowie visuelle Effekte wie Bild-Trails, Partikelfelder oder ein Matrix-Regen. Technisch basiert alles auf React, Tailwind CSS, framer-motion und TypeScript, die aufwendigeren Hero-Backgrounds zusätzlich auf WebGL. Der Bezug läuft über eine shadcn-kompatible Registry: Nach einem einmaligen Eintrag der Registry-URL in der Projektkonfiguration lässt sich jede Komponente per shadcn-CLI-Befehl als editierbare Quelldatei ins eigene Projekt holen.

Wer die Bibliothek einsetzt, sollte bereits auf React und Tailwind CSS setzen, andere Frontend-Stacks werden nicht unterstützt. Der bequemste Bezugsweg läuft über die shadcn-Registry, alternativ lässt sich der Quellcode direkt kopieren. Die Komponenten kommen generisch gestylt und müssen vor dem produktiven Einsatz an die eigene Farb- und Markenwelt angepasst werden. Die WebGL-lastigen Hero-Hintergründe verursachen die höchste Rendering-Last der Bibliothek und verlangen entsprechend zurückhaltenden Einsatz. Anfragen für individuelle Bausteine laufen direkt per E-Mail an den Autor.

Gegenüber einer Primitiven-Bibliothek wie shadcn/ui setzt Componentry eine Ebene höher an und liefert fertig animierte, ausdrucksstarke Marketing- und Motion-Bausteine obendrauf. Damit steht die Bibliothek in ähnlichem Terrain wie Magic UI oder Aceternity UI als kostenlose Ergänzung für ausdrucksstarke Marketing-Motion, mit dem Unterschied, dass Componentry konsequent auf framer-motion statt auf andere Animations-Engines setzt. Gewählt wird sie für animierte Hero-Sections, Text-Effekte und interaktive Marketing-Widgets, nicht für headless Anwendungs-UI-Grundbausteine.

Componentry ist unter componentry.fun kostenlos zugänglich, die Komponenten sind frei und auch kommerziell nutzbar, im Copy-paste-Modell und ohne Kauf oder Abonnement. Der Zugriff erfolgt über die Registry-URL beziehungsweise die shadcn-CLI, ergänzt um einen MCP-Server für den Einsatz aus KI-Coding-Assistenten heraus. Für individuelle Bausteine, Zusammenarbeit oder detaillierte Anfragen lässt sich der Autor Harsh Jadhav direkt per E-Mail erreichen.