Skip to content

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.

Live, interactive React component · light themeResponsive

About the 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. 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 Neo-Brutal. 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.

The same piece, drawn for a different look. Open one to compare it live.

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.

Swiss Tech Mono Tooltip

A short ink hint in mono, on hover (after delay) and on keyboard focus, for icon buttons and terse controls.