Beschreibung
Vengeance UI ist eine quelloffen vermarktete React- und Next.js-Komponentenbibliothek des Entwicklers Ashutosh, die sich auf ausdrucksstarke Bewegungseffekte für Marketing-Websites spezialisiert: Hover-Effekte mit Verschiebung, animierte Tooltips, kinetische Typografie und scrollgesteuerte Layouts. Der Katalog gliedert sich in mehrere Familien, darunter Layout- und Grid-Bausteine, Tooltip- und Marquee-Elemente, eine Motion-Kernel-Gruppe für Textanimationen, animierte Buttons, Loader und Showcase-Elemente wie einen Glass Dock oder eine Spotlight-Navigationsleiste. Ergänzt wird das um ein eigenes Template-System für vollständige Seitenabschnitte wie Hero, Features, CTA, FAQ, Auth und Footer; das System umfasst zahlreiche Varianten. Komponenten werden nicht als npm-Paket eingebunden, sondern entweder direkt aus dem Quellcode kopiert oder über die shadcn-CLI installiert, die editierbare TypeScript-Dateien direkt ins eigene Projekt legt. Technischer Unterbau sind React 19.2, Next.js 16.2, TypeScript und Tailwind CSS, dazu 24 Radix-UI-Primitives sowie mehrere Animations- und 3D-Bibliotheken je nach Komponente: Framer Motion, GSAP, Three.js über react-three-fiber und drei sowie Shader-Effekte.
Weil jede Komponente ihre eigene Untermenge an Abhängigkeiten mitbringt, reicht bei manchen Bausteinen reines Tailwind und Radix, während animationsintensive oder 3D-Komponenten zusätzlich GSAP, Three.js oder Shader-Pakete voraussetzen. Vor der Übernahme in ein Projekt lohnt sich deshalb ein Blick auf die Importe der jeweiligen Komponente. Für die Registry-Installation braucht das Zielprojekt ein funktionierendes shadcn/ui-Setup mit components.json, für den reinen Quellcode-Kopierweg genügt ein Next.js-Projekt mit App Router, TypeScript und Tailwind CSS. Im GitHub-Repository fehlt eine LICENSE-Datei, was rechtlich einem All-Rights-Reserved-Status entspricht, obwohl sich das Projekt selbst als Open Source bezeichnet und über das Vercel OSS Program (Kohorte Winter 2026) sichtbar ist. Wer die Komponenten kommerziell oder in White-Label-Arbeit einsetzen will, sollte die Lizenzlage vorab direkt klären.
Im Vergleich zu neutraleren Bibliotheken wie shadcn/ui oder klassischen Basis-Kits liegt der Reiz von Vengeance UI in der ausgeprägten, kinetischen Bildsprache und in einer Besonderheit im Katalog: mehrere Bausteine sind gezielt für Agenten- und KI-Produktoberflächen gestaltet, etwa ein Agent Bento Grid oder Panels im Stil eines Token-Monitors. Für Marken, die einen ruhigen, minimalen Auftritt wollen, oder für Projekte, die bereits auf eine andere Animationsbibliothek wie motion.dev festgelegt sind, passt die Bibliothek weniger, ebenso für Vorhaben mit strikten Anforderungen an eine geklärte Lizenzlage.
