Shimmer tooltip
The label rises into place while a streak of light sweeps across it once, like a quick shimmer.
Settings
Code
<button class="uv-tw">Sync<span>Sync is on<i></i></span></button>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Tooltips
Where to use it
The passing streak of light hints that something is happening, which makes it a natural fit for sync and refresh actions. Think of the “Sync now” button in a fitness app that pulls workouts from a watch, or the backup icon of a photo storage service. A small shimmer tooltip, built in HTML and CSS.
The light takes its tone from your second color, so a soft tint works better than a neon one. The sweep plays once per hover, not in a loop. If the sync really takes a while, pair it with a progress indicator instead of relying on the shine.