Skip to content

THE COLLECTION

Discover Components Assets Sound effects References

YOUR WORKBENCH

Collections What’s new NEW

Better, together.Join the Duets community

Make yourself at homeSign in to your library

Duets / The collection

A little more considered.Explore memberships

Finding something good…

Good things, made with Duets.

Licence Privacy Terms Community ↗

© 2026 Duets

Components, assets, sounds and field notes.

Components/Spotlight card

Spotlight card preview

Make this piece yours with Essentials.Unlock this piece

A glimpse of the piece

DUETS ORIGINAL / HOVER

Spotlight card

A cursor-positioned light on a dark card. The content stays readable when motion is disabled.

Included in Essentials

Format: HTML, CSS, JS, TSX
Works with: Vanilla / React / Next.js
Complexity: Intermediate
Version: 1.0.0
Made by: Duets

Duets subscription. Read the licence ↗

Implementation notes are included with this piece. Choose a membership to read them.

KEEP EXPLORING

These might go well.

See all components ↗

Magnetic button

Hover · Vanilla + React

Wipe reveal

Hover · Vanilla + React

Orbit loader

Micro interactions · Vanilla + React