toolwahl.de
Wir nutzen Cookies für Statistiken (Google Analytics & Microsoft Clarity). Notwendige Cookies sind immer aktiv. Du kannst deine Einwilligung jederzeit widerrufen.
Ja, wenn du als Frontend-Entwickler mit React- und shadcn/ui-Stack fertige animierte Buttons per Copy-Paste oder CLI in dein Projekt holen willst, statt Hover- und Klick-Animationen selbst zu bauen: das Tool ist Open Source und komplett gratis.
Nein, wenn du No-Code arbeitest oder Vue, Svelte bzw. ein anderes Framework nutzt, denn die Registry setzt zwingend React und shadcn/ui voraus und liefert nur Buttons, kein komplettes UI-System.
Evil Buttons Erfahrungen fallen bei Entwicklern schnell positiv aus, denn das Tool ist eine shadcn/ui-Registry mit 31 animierten, interaktiven Button-Komponenten für React-Projekte. Zielgruppe sind Frontend-Entwickler und Designer, die fertige Micro-Interaction-Buttons per Copy-and-paste oder One-Command-CLI in ihre App holen wollen. Jede Komponente kommt mit Live-Vorschau und Dokumentation, sodass sich das Verhalten vor der Integration direkt im Browser testen lässt.
31 animierte shadcn/ui-Buttons zum Copy-and-paste.
Evil Buttons ist eine spezialisierte, quelloffene Registry animierter Button-Komponenten für den shadcn/ui-Stack, die mit Live-Vorschau und CLI-Installation punktet. Für React-Projekte ein praktischer Baustein, als Allround-UI-Lösung wegen des engen Fokus aber kein Ersatz für eine vollständige Komponentenbibliothek.
Evil Buttons ist komplett kostenlos und Open Source: eine shadcn/ui-Registry mit 31 animierten Button-Komponenten zum Copy-Paste oder per CLI-Install.
* Keine kostenpflichtigen Pläne. Die Seite /pricing existiert nicht (404) — Evil Buttons ist durchgehend gratis und frei nutzbar (Stand 2026).
Evil Buttons ist ideal für Frontend-Entwickler und Designer, die animierte shadcn/ui-Buttons ohne Eigenbau in React-Projekte holen wollen.
Wer allein Kundenprojekte stemmt, kopiert fertige Motion-Buttons direkt aus der Registry und spart sich das Nachbauen von Hover- und Klick-Animationen. Das Tool liefert kuratierte Komponenten statt Copy-Paste-Chaos.
Kleine Teams mit React- und Tailwind-Stack rüsten ihre Oberflächen schnell mit poliertem Micro-Interaction-Feeling auf. Weil die Bausteine auf shadcn/ui aufsetzen, fügen sie sich ohne Fremdkörper ins bestehende Design ein.
Beim schnellen Bauen von MVPs und Landing-Pages zählt jede gesparte Stunde: Fertige interaktive Buttons geben dem Produkt sofort ein hochwertiges Gefühl. So wirkt die erste Version bereits durchdacht statt roh.
Agenturen liefern über viele Projekte hinweg konsistente, animierte UI-Details ohne jedes Mal neu zu entwickeln. Live-Previews und fertiger Code beschleunigen die Abstimmung mit Kunden und den Übergang in die Umsetzung.
Weniger geeignet für: No-Code-Nutzer, Backend-lastige Projekte oder Teams ohne React- und Tailwind-Basis, da die Komponenten diesen Stack voraussetzen.
Evil Buttons ist eine Komponenten-Registry für shadcn/ui mit 31 animierten, interaktiven Button-Komponenten für Web-Projekte. Das Tool liefert Live-Vorschauen, eine Copy-paste-Dokumentation und Installation per CLI-Befehl. Die Animationen setzen auf Motion und reichen von dezenten Effekten bis zu bewusst verspielten Varianten wie Glitch, Hold-to-delete oder einem Troll-Button.
Für Evil Buttons ist keine eigene Preisseite hinterlegt, der Aufruf von /pricing führt aktuell (Stand 2026) auf eine 404-Fehlerseite. Das Projekt ist als offene shadcn/ui-Registry mit Copy-paste-Komponenten und einem GitHub-Repository aufgebaut, weshalb sich die Nutzung als kostenlos beziehungsweise Open Source darstellt. Konkrete Preiszahlen nennt der Anbieter nicht, daher sollten Sie vor kommerziellem Einsatz die Lizenzangaben im Repository selbst prüfen.
Alles deutet auf eine kostenlose Nutzung hin: Die Komponenten lassen sich direkt aus der Dokumentation kopieren oder per CLI installieren, und einen kostenpflichtigen Plan bewirbt der Anbieter nirgends. Ein separates Bezahlmodell existiert nach aktuellem Stand nicht. Prüfen Sie dennoch die konkrete Lizenz im GitHub-Projekt, bevor Sie die Buttons in einem kommerziellen Produkt einsetzen.
Das Projekt wirkt seriös und transparent: Der Code liegt offen auf GitHub (radiumcoders/evil-buttons), jede Komponente hat eine eigene Doku-Seite, und die Effekte lassen sich vorab in Live-Previews testen. Weil Sie den Quellcode vor dem Einbau selbst einsehen, bleibt das Risiko überschaubar. Unabhängige Nutzerbewertungen auf großen Portalen liegen bisher nicht in verlässlicher Zahl vor, daher stützt sich diese Einschätzung auf die offene Codebasis und die nachvollziehbare Dokumentation.
Kern ist eine Sammlung von 31 Button-Komponenten mit unterschiedlichen Interaktionen, etwa RevealButton, CommandButton, CopyButton, HoldButton oder ShinyButton. Jede Variante bringt Live-Vorschau, Copy-Button für den Code und eine eigene Doku-Seite mit. Ergänzend gibt es einen Playground zum Ausprobieren sowie die Installation per Ein-Befehl-CLI, passend zum shadcn/ui-Workflow.
Die Registry richtet sich an Frontend-Entwickler und Designer, die bereits mit React und shadcn/ui arbeiten und schnell auffällige, animierte Buttons einbauen wollen. Besonders für Landingpages, Portfolios oder verspielte Produktseiten sind die Effekte interessant. Wer streng minimalistische Interfaces baut, wird die bewusst „bösen“ Animationen dagegen nur sparsam einsetzen.
Es gibt zwei Wege: Entweder kopieren Sie den Code einer Komponente direkt aus der Dokumentation in Ihr Projekt, oder Sie nutzen den bereitgestellten CLI-Befehl, der die Komponente wie gewohnt in eine shadcn/ui-Struktur einfügt. Voraussetzung ist ein React-Projekt mit shadcn/ui und der Animationsbibliothek Motion. Ein Login oder Benutzerkonto ist für die Nutzung nicht nötig.
Ja. Für animierte UI-Bausteine im shadcn/ui-Umfeld gibt es unter anderem Magic UI, Aceternity UI oder die Motion-Primitives, die ebenfalls Copy-paste-Komponenten anbieten. Wer nur Standard-Buttons braucht, kommt oft schon mit shadcn/ui selbst aus. Der Reiz von Evil Buttons liegt weniger in der Breite als im speziellen, spielerisch-„bösen“ Animationsstil.
Nein. Weder für die Dokumentation noch für die Installation ist eine Registrierung oder ein Login erforderlich. Sie können die Komponenten direkt aus der offenen Doku kopieren oder über die CLI ziehen. Wer am Quellcode mitarbeiten möchte, braucht lediglich ein GitHub-Konto für das öffentliche Repository.
Evil Buttons ist eine shadcn/ui-Komponenten-Registry mit über 30 animierten Button-Komponenten (Motion), die sich per Copy-Paste oder CLI in React-Projekte einbauen lassen.
Ein Freelancer baut Landingpages für Kunden und braucht schnell fertige, animierte CTAs ohne wochenlanges Feintuning. Er kopiert die passende Button-Variante direkt aus der Registry in sein React-Projekt und passt nur Farbe und Text an.
Spart Entwicklungszeit pro Projekt und liefert sofort polierte InteraktionenEine Web-Agentur standardisiert das UI-Fundament über mehrere Kundenprojekte hinweg und will einheitliche, hochwertige Micro-Interactions. Das Team zieht sich die Komponenten via CLI ins Design-System und behält durch den Copy-in-Ansatz volle Kontrolle über den Code.
Konsistente Qualität über alle Projekte ohne externe Runtime-AbhängigkeitEin React-Entwickler will animierte Buttons, ohne Motion-Timings und Transitions selbst von Grund auf zu schreiben. Er nutzt die Live-Vorschauen als Referenz und übernimmt den Quellcode einer Variante direkt in seine Komponenten.
Fertige, saubere Motion-Logik statt Animation von null zu bauenEin Gründer baut ein MVP und muss mit knappem Budget ein professionell wirkendes Frontend zeigen. Er greift auf die vorgefertigten Button-Komponenten zurück, um Demo und Pitch ohne eigenes Design-Team überzeugend aussehen zu lassen.
Professioneller Look im MVP ohne Designer-KostenEin Informatikstudent lernt React und will verstehen, wie flüssige UI-Animationen technisch umgesetzt werden. Er liest den offenen Quellcode der Varianten und experimentiert mit Motion direkt an lauffähigen Beispielen.
Lernressource mit echtem, nachvollziehbarem Code statt TheorieWer auf animierte Buttons aus einer einzigen Registry setzt, sollte Alternativen kennen, um bei Lizenz, Framework-Bindung und Umfang der Komponentenbibliothek nicht in eine Sackgasse zu geraten.
Die quelloffene Basis-Registry, auf der Evil Buttons aufsetzt, liefert Buttons und Dutzende weitere Komponenten zum direkten Einkopieren ins Projekt.
Teams, die volle Kontrolle über den Komponenten-Code statt einer fertigen npm-Abhängigkeit wollen.Sammlung aufwendig animierter React-Komponenten mit Framer Motion, die über reine Buttons hinaus komplette Effekt-Sektionen abdeckt.
Landingpages und Portfolios, die ein auffälliges Motion-Design brauchen.Kostenlose, shadcn-kompatible Komponenten und Animationen, die sich nahtlos neben bestehende Registry-Bausteine legen lassen.
Entwickler, die animierte Elemente ohne Framework-Wechsel ergänzen möchten.Die Animations-Bibliothek selbst, mit der du Buttons und jede andere Interaktion frei und ohne vorgefertigte Registry gestaltest.
Wer maximale Freiheit statt fertiger Vorlagen sucht.Tailwind-Plugin mit einem breiten, framework-agnostischen Komponenten-Set und dezenten Zuständen statt reinem Effekt-Fokus.
Projekte, die ein konsistentes UI-System schneller als Motion-Spielereien priorisieren.Evil Buttons glänzt bei animierten Buttons, doch je nach Bedarf an vollem Komponenten-Umfang, Animationsfreiheit oder Framework-Neutralität ist eine der Alternativen die passendere Wahl.
Evil Buttons ist eine shadcn/ui-Registry mit rund 31 animierten Button-Komponenten, die per CLI ins eigene React-Projekt kopiert werden und auf Motion für die Animationen setzen. Magic UI verfolgt denselben Copy-and-Paste-Ansatz, deckt aber eine breitere Palette animierter UI-Bausteine für Tailwind- und React-Stacks ab.
| Kriterium | Evil Buttons | Magic UI |
|---|---|---|
| Preis | Open-Source-Registry ohne verifizierte Preisdaten; Komponenten werden frei per CLI kopiert, kein Abo für die Basisnutzung erkennbar. | Freemium: Kernbibliothek kostenlos als Open Source, kostenpflichtige Pro-Vorlagen als optionaler Aufpreis. |
| Fokus | Spezialisiert auf animierte Buttons: rund 31 interaktive Varianten mit Live-Vorschau und Copy-Snippet. | Breite Sammlung animierter Komponenten (Buttons, Hero, Marquee, Text-Effekte) für ganze Landingpages. |
| Integration | shadcn/ui-Registry, Installation via shadcn-CLI direkt in bestehende Projekte. | Ebenfalls shadcn-kompatibel, Komponenten per CLI oder Copy-Paste, Tailwind + React vorausgesetzt. |
| Tech-Stack | React, Tailwind, Motion für die Animationslogik. | React, TypeScript, Tailwind, Motion. |
| Ideal für | Entwickler, die gezielt auffällige Button-Interaktionen ohne Eigenbau brauchen. | Teams, die eine komplette animierte Oberfläche aus einem Baukasten zusammensetzen. |
Wer nur ausdrucksstarke, sofort einsetzbare Buttons für ein React-Projekt sucht, fährt mit Evil Buttons schneller und schlanker. Braucht das Projekt dagegen ein ganzes Set animierter Sektionen für eine Landingpage, bietet Magic UI die größere Bandbreite. Beide lassen sich kombinieren, da sie auf demselben shadcn- und Motion-Fundament aufsetzen.
Evil Buttons liefert eine shadcn/ui-Registry mit 31 animierten Button-Komponenten samt Motion-Interaktionen, Live-Vorschau und Copy-to-Project. Wer React mit shadcn/ui und Tailwind einsetzt, spart damit Stunden an Micro-Animation-Feinschliff und bekommt Bausteine, die direkt im eigenen Code landen statt als weitere Dependency. Der Look ist verspielt und markant, was auf seriösen B2B-Oberflächen schnell zu viel sein kann.
Frontend-Entwickler mit React-, shadcn/ui- und Tailwind-Stack, die fertige, animierte Button-Interaktionen zum Reinkopieren wollen, statt sie selbst zu bauen.
Teams ohne shadcn/ui-Setup oder mit strengem, zurückhaltendem Design-System, in dem verspielte Button-Animationen fehl am Platz wirken.
Sauber umgesetzte, sofort einsetzbare Komponenten mit echtem Zeitgewinn im Alltag, nur durch den festen Stack-Bezug und den auffälligen Stil nicht für jedes Projekt passend.
Komponenten kostenlos ansehen →