How to create a simple cursor tracking effect for your website 👀

Cursor interactions are a simple way to make a website feel more responsive and engaging without adding too much complexity.

In this tutorial, I break down how to create the effect and how you can use it to add more personality to your web projects.

Watch the video, follow the steps, and try it in your next build.

Great work

Credit card landing page design for a fintech startup — an interactive 3D claw machine that turns the offer into the hero instead of another floating card at 15 degrees. Every card brand ships the same hero: a card hovering over a gradient. Clawd sells one card, not a marketplace, and the entire pitch is "stop comparing — we already did the comparing". So the landing page had to make a single-product offer read as a win rather than a shortage of options, and pull early-access sign-ups from people who are deliberate about money: the ones who actually track spending and read the APR line.

The metaphor does the positioning work. A claw machine that never misses, plus "we already picked the best one", means the visual is the argument and the headline doesn't have to explain itself. I built the scene in Blender as an interactive element rather than a still render — the claw follows the cursor, the card tilts in the grip, and the pile underneath reacts, so a visitor plays with the product's core idea for a few seconds instead of scrolling past it. Hero plus full page structure, desktop and mobile designed separately, the Blender scene with web-ready exports, interaction notes, and a developer-ready Figma file.

nice work