Neo-Brutal Tooltip
A short hint on hover (after delay) and on keyboard focus, for icon keys and terse controls: an ink chip with an arrow, fading in with a small scale.
Tooltip
A short ink hint in mono, on hover (after delay) and on keyboard focus, for icon buttons and terse controls.
Live, interactive React component · light themeResponsive
About the Swiss Tech Mono Tooltip
A short ink hint in mono, on hover (after delay) and on keyboard focus, for icon buttons and terse controls. Esc hides it, the pointer can move onto it, and a touch tap never opens it, so never put essential information in it. It flips top/bottom and slides sideways to stay in the viewport. Client component.
It is part of Swiss Tech Mono. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
Noir Aurora Tooltip
A short hint on hover (after delay) and on keyboard focus, for icon buttons and terse controls: a small night bubble in both themes (Kbd inside reads light).
Soft Bento Tooltip
A short hint on hover (after delay) and on keyboard focus, for icon buttons and terse controls.