# spotlight

Featured Components⚛ TSX Live preview

Spotlight Glow Card

Card with a radial glow that tracks the cursor plus a 1px gradient border-light that follows the pointer.

11.8k78.4k12.4kOpen

Animations⚛ TSX Live preview

Mouse-Tracking Grid Glow

An 8×8 tile grid: hovered cell ignites with glow, its eight neighbors light warm, rest fades to glass.

5.3k28.7k5.9kOpen

UI Elements⚛ TSX Live preview

Spotlight Border Input

Inputs whose 1.5px border lights up with a radial spotlight that follows the cursor, plus focus fill.

2.8k21.4k4.3kOpen

Spotlight Border Card

A glass card whose gradient border and inner glow follow the cursor position — mask-composite trick, no canvas.

34400Open

Featured Components Live preview

Spotlight tilt pricing card

Glass pricing card that tilts in 3D toward the cursor while a radial spotlight glow chases the pointer.

49800Open

Direction-aware hover glow card

A 300px radial light follows the cursor and snaps in from the edge the pointer entered from.

37600Open

Featured Site Templates Live preview

3D tilt gallery wall

Six gradient tiles tilt in perspective toward the cursor with a radial sheen tracking the pointer.

45800Open

Glass lift cards with light tracking

Frosted stat cards that lift on hover while a soft light pool tracks the cursor along their top edge.

34800Open

Featured Animations Live preview

Torch spotlight mask section

A dark room where a radial mask follows the cursor like a torch, revealing bright content around it.

42800Open

Spotlight Coachmark Tour · Ultra Violet

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Ultra Violet palette.

20600Open

Spotlight Coachmark Tour · Cyber Lime

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Cyber Lime palette.

21100Open

Spotlight Coachmark Tour · Sunset Amber

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Sunset Amber palette.

49800Open

Spotlight Coachmark Tour · Rose Gold

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Rose Gold palette.

57600Open

Spotlight Coachmark Tour · Ocean Sky

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Ocean Sky palette.

50000Open

Spotlight Coachmark Tour · Mint Breeze

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Mint Breeze palette.

26000Open

Spotlight Coachmark Tour · Candy Pink

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Candy Pink palette.

30000Open

Spotlight Coachmark Tour · Royal Gold

A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Royal Gold palette.

74800Open

Components⚛ TSX Live preview

Feature Spotlight Carousel

Spotlight carousel with large media panels, caption foot and side thumbnails.

000Open

Animations⚛ TSX Live preview

Spotlight Card Tilt

Card with a radial spotlight that moves with the cursor plus tilt.