chinchang/hint.css

Health v2 · maintenance only

Adoption not part of the score

8433 stars · 681 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Hint.css is a pure CSS tooltip library that creates accessible tooltips using aria-label/data attributes, pseudo elements, and CSS3 transitions with no JavaScript. It ships as a tiny (~1.7KB gzipped) stylesheet with BEM-style modifier classes for positioning, colors, sizes, and effects.

Use cases

• add tooltips to a website without javascript
• accessible tooltips using aria-label
• lightweight css-only tooltip library
• show hover hints on html elements
• style tooltips with colors sizes and positions
• reduce page weight by replacing js tooltip plugins

When to choose

• you want tooltips with zero JavaScript dependency
• you need a very small footprint (under 2KB gzipped)
• accessibility via aria-label matters to you
• you want simple class-based usage with no configuration

When to avoid

• you need rich interactive tooltips with HTML content or dynamic positioning
• you need tooltips on focus for keyboard users with complex behavior
• you need programmatic control like show/hide via API or events

Facets

library · maturity stable

ui-components css-framework accessibility web-development frontend web-design accessibility browser cross-platform tooltip pure-css no-javascript bem aria-label small-footprint

Member repositories

For agents

markdown · JSON · MCP: product_card(name="chinchang/hint.css")