React 18 與 Claude Code 動畫專案
React 18 and Claude Code Animations Project
作者使用 Claude Code 和 Opus 5.5 製作 React 18 動畫專案 react-loaders，包含 10 款載入動畫。專案沒有依賴項，每款動畫各自存放於資料夾，可複製到應用程式使用，部分動畫支援互動。
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.
🎬 A few of them
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).
✨ Try it
👉 github.com/dooa-ansari/react-loaders
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.
來源：DEV Community · dev.to