Menu

React 18 and Claude Code Animations Project
📰

React 18 and Claude Code Animations Project

DEV Community: react·Dooa Ansaari·3 days ago
#ZOAPCRLq
#devtoreact#devto#dev#animations#loaders
Reading 0:00
15s threshold

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.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.