Effects Lab — loading motion
0
Hover a link → image preview  ·  Effect 39
← Effects Lab · All wings
SEC / 02

Mouse Effects

9 effects
09

Cursor reveal / spotlight mask SignatureDesktop

The viral spotlight reveal — a hidden vivid layer lives under the dark one, revealed only through a spotlight that follows your cursor.

Move your mouse inside

There is another layer
hiding under this one.

Found it. This is the
spotlight reveal.

10

Magnetic buttons Desktop

Buttons are pulled toward your cursor inside a radius, then snap back with an elastic spring when you leave.

11

Image trail following cursor Desktop

Move across the zone — images spawn along your path, bloom in and dissolve behind you.

Wave your cursor
around in here

12

Custom morphing cursor Desktop

Look at your cursor — it's been the orange dot this whole time. It becomes a ring over links, says VIEW over project cards, and DRAG over draggable stages (sliders, the 3D ring).

I'm a link — ring cursor
← hover the photo for "VIEW"
13

Tilt-on-hover 3D cards Desktop

Cards rotate in 3D toward your cursor with a moving glare highlight; the inner layers sit at different depths so they pop.

Alpine Series

The image floats 34px above the card plane.

Night Bloom

Glare follows the cursor across the surface.

Studio Craft

Springs back to flat when you leave.

14

LED tube cursor Tier 2Desktop

Glowing neon light tubes braid and sweep after your cursor like fiber-optic ribbons — click to cycle the color set.

Move · Click to change colors

TUBES CURSOR

48

Liquid era-swap reveal New · from your fileDesktop

The full liquid trail reveal: the cursor deposits a fluid wake that warps and distorts the image as it reveals the second photo through the first, with chromatic fringing on the wet edges — then the wake heals and the original returns. The label flips color while the liquid is live. On touch, tap to swap.

Move your mouse over the photo
College era Pro era
Chapter One Chapter Two
54

Spotlight grid borders NewDesktop

Card borders only light up where your cursor is near — the glow tracks across the whole grid like a torch over glass. The premium SaaS look.

Fast by default

The glow is pure CSS variables — zero canvas, zero lag.

🎯
Border-only light

A mask trick keeps the gradient on the 1px ring.

🧲
Grid-wide tracking

One listener drives every card at once.

🌙
Made for dark UI

Reads as premium on any near-black surface.

📦
Drop-in

Works on pricing tables, feature grids, bento layouts.

Subtle fill

A faint interior wash follows the ring for depth.

55

Cursor-repel particles NewDesktop

A field of dots flees from your cursor and springs back home when you leave — the background feels alive without stealing focus.

Sweep your cursor through the field
Your shortlist

These are the effects you hearted — from every wing.