Mit Claude Code und Opus 5.5: Zehn Ladeanimationen fuer React in Sekunden erstellt
Mit Anthropic neuem Modell Opus 5.5 entstanden in kurzer Zeit zehn Loader-Animationen fuer React, zusammengefasst im Projekt react-loaders. Der Autor zeigt, wie sich KI-Tools fuer kreative Animationsideen nutzen lassen.
Ich habe 10 Loader-Animationen mit Claude Code und Opus 5.5 erstellt. Es war ein wildes Gefühl, zu sehen, wie meine Vorstellungskraft innerhalb von Sekunden zum Leben erwachte. Das neue Anthropic-Modell Opus 5.5 ist wirklich gut bei Animationen. Das Projekt soll Spaß mit Animationen machen und neue Ideen mit KI ausprobieren.
Das Ergebnis ist react-loaders: 10 Loader, null Abhängigkeiten, jedes einzelne ein Ordner, den man in seine App kopieren kann.
Glow Dust: Der Button löst sich in etwa 1.100 Partikel auf, die durch ein „Wind“-Feld treiben. Bewegt man den Finger hindurch, wirbeln die Staubpartikel um einen herum. Am Ende sammeln sie sich alle zu einem leuchtenden ✓.
Shooting Star: Der Button verwandelt sich in einen Stern und startet. Darauf folgt ein Meteorenschauer (mit einer Wischbewegung schleudert man eigene los), dann zeichnet ein Sternenbild ein ✓.
Cat & Mouse: Eine Maus entkomt aus dem Button, eine Katze jagt sie drei Runden lang … und macht dann einen Sprung. Erwischt!
Die anderen: Glow Shore (biolumineszente Wellen, die man berühren kann), Heartbeat, Fireworks, Savanna Sunset, Flower Bloom, Thunderstorm und Coin Rush (ein winziger Retro-Platformer).
Lokal ausführen mit npm install && npm run dev, durch die Karten wischen und mit den interaktiven herumspielen. Glow Dust auf dem Smartphone ist seltsam entspannend.
Automatisch übersetzt. Das Original auf Englisch ist unten aufklappbar.
Original (Englisch) anzeigen
I created 10 loader animations using Claude code and Opus 5.5. It was wild to see my imagination coming to life within seconds. The new Anthropic model Opus 5.5 is really good at animations. The project is meant to have fun with animations and try new ideas with AI.
The result is react-loaders: 10 loaders, zero dependencies, each one a folder you can copy into your app.
Glow Dust: the button dissolves into ~1,100 particles that drift through a "wind" field. Move your finger through it and the dust swirls around you. At the end, it all gathers into a glowing ✓.
Shooting Star: the button becomes a star and launches. A meteor shower follows (swipe to fling your own), then a constellation draws a ✓.
Cat & Mouse: a mouse escapes from the button, a cat chases it for three laps… then pounces. Gotcha!
The others: Glow Shore (bioluminescent waves you can touch), Heartbeat, Fireworks, Savanna Sunset, Flower Bloom, Thunderstorm and Coin Rush (a tiny retro platformer).
Run it locally with npm install && npm run dev, swipe through the cards, and play with the interactive ones. Glow Dust on a phone is weirdly relaxing.