Labels cursors
Cursors that read the page: a pill with a label, a tooltip from a control's own name, a link's destination, a tile from the periodic table, a name decoding out of scrambled glyphs and your own words on a thread.
6 cursors · React · shadcn
- LabelMorphs into a pill reading the hovered element's
data-cursor-label. - TooltipA tooltip that rises over anything clickable, reading its label or text. No markup needed.
- PeekShows where a link goes before you click it: the path for links on your site, the host for others.
- ElementHo, for hover. Spells a control's name in periodic-table tiles; hold to excite the atom, let go for its flame color.
- CipherA terminal block cursor that spills code as it moves. Over a control its name decodes out of scrambled glyphs, letter by letter; a click scrambles it again.
- ThreadYour own words on a thread: a ring turning round the pointer that unspools along your path as you move and wraps a control in its name. A click scatters the letters.