Tools · Interaction lab
Mouse & motion effects.
Nine cursor & motion effects we build into premium sites — hover each panel to feel it. All native CSS/JS (no libraries), themed, accessible, and free to explore.
1 · Custom cursor recommended
A dot + ring that eases behind the pointer and grows over buttons. The signature premium feel.
move inside · hover the button
2 · Gooey blob cursor
A soft colour blob that lags and swells over interactive elements.
Built properly.
move inside · hover the text
3 · Cursor trail · sparkles
Tasteful gold sparkles fading behind the cursor.
leave a trail ✦
move inside
4 · Magnetic buttons already live
Buttons pull gently toward the cursor and spring back.
approach the buttons
5 · Spotlight glow
A soft light follows the cursor over a dark panel — luxe for hero sections.
Websites, apps & tools,
built properly.
built properly.
move the light around
6 · Mouse parallax
Layers drift at different depths — a quiet, expensive sense of 3D.
move inside
7 · Pointer tilt + glare
A card tilts in 3D toward the cursor with a moving sheen — great for work cards.
Tilt me
hover the card
8 · Eyes follow the pointer
A face whose eyes track your cursor anywhere — playful for a 404 / About.
move your cursor anywhere
9 · Reveal lens · “see inside” MacBook Pro
Hover the MacBook — the finished site peels back to its wireframe (“built properly”). A real ParsaDev screenshot.
hover the screen — see inside
All native CSS/JS — no libraries, no downloads. Honours reduced-motion; pointer-only (no effect on touch). Want these on your site? Start a project →