I Built an Animated Splash Screen Using AI — Zero Coding Skills Needed
I built an animated splash screen for my web page — with zero design skills and no coding required — using Claude AI. Here's exactly how I did it. 🍅
In this video, I vibe-design a full splash screen from scratch: a bouncing tomato with realistic squish physics, an explosion shockwave, organic blob splatter using Catmull-Rom interpolation, juice drips with gravity, sound effects from ElevenLabs, and full Light/Dark theme support.
Along the way, I take a deep dive into Catmull-Rom Interpolation — the math behind smooth, organic blob shapes — with a visual animated explainer I built alongside the project.
──────────────────────────────────────
🔗 LINKS
──────────────────────────────────────
▸ Anthropic Claude: https://claude.ai
▸ ElevenLabs Sound Effects: https://elevenlabs.io
▸ Pomodoro Tools: https://pomodoro.tools
──────────────────────────────────────
🍅 WHAT YOU'LL LEARN
──────────────────────────────────────
✔ How to prompt an AI model to write animations from a plain English description
✔ What Catmull-Rom interpolation is and why it produces smooth organic shapes
✔ How to layer animation sequences: bounce → explode → splatter → drip → gravity
✔ How to support Light and Dark themes in a splash screen
──────────────────────────────────────
🤖 AI TOOLS USED
──────────────────────────────────────
▸ Claude Code with Opus 4.6 (Anthropic) — all design and code generation
▸ ElevenLabs — sound effects generation
──────────────────────────────────────
#vibecoding #claudeai #webdevelopment
──────────────────────────────────────
If you found this useful, hit LIKE and SUBSCRIBE for more Adventures in Generative AI! 🚀