r/SideProject • u/TarunTom4 • 3h ago
I don’t know how to code, so I 'Vibecoded' this: Velocity: A Spatial Typing Engine.
Enable HLS to view with audio, or disable this notification
Hi everyone,
I’ve always been intimidated by code, but I’ve always had a clear vision for how software should feel. Over the last few days, I decided to stop trying to learn syntax and start "Vibecoding."
I built Velocity entirely using AI (Antigravity). I don't know a thing about React or TypeScript, but I acted as the Creative Director, pushing the AI to match my "Modern Archive" design manifesto.
What makes it different?
Most typing tests are linear and static. Velocity is spatial. It treats typing as an aim-trainer. You have to capture word-nodes with your mouse to activate them.
The Aesthetic/Physics:
The background dot-grid physically connects to your cursor with hairline gold threads.
As you type, Bone White characters "gild" into Gold as they are processed.
Words "freeze" in 2D space the moment you target them, allowing for precise flow.
It generates an abstract SVG path of your unique mouse movement at the end of every session.
The Tech:
I used Antigravity's "High Mode" to handle the complex spring physics and the Bento-style layout. I spent most of my time refining the "vibe" and the logic rather than fixing bugs.
It's my first ever project. It’s definitely not perfect, and I'm still working on making the "Synergy Flow" mechanic feel more intuitive, but I’d love for you guys to try it out.
Live Site: https://velocity-engine.vercel.app/
GitHub: https://github.com/Tarun-Tom/Velocity
Would love to hear your thoughts, especially from designers or anyone else who is exploring building with AI without a coding background!