kazzkiq/balloon.css

Health v2 · maintenance only

Adoption not part of the score

5008 stars · 439 forks observed · 2026-08-28

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

Balloon.css is a lightweight (~1.1kb) pure-CSS library for adding tooltips to HTML elements without any JavaScript. Tooltips are configured via data attributes for positioning, length, visibility, and animation control.

Use cases

• add tooltips to buttons without javascript
• pure css tooltip library
• position tooltips up down left right
• show tooltip programmatically via css attribute
• customize tooltip styling with css variables
• accessible tooltips using aria-label

When to choose

• you want tooltips with zero JavaScript dependency
• you need a tiny, lightweight tooltip solution
• your project already uses CSS/SASS and simple data-attribute configuration suffices

When to avoid

• you need rich interactive tooltip content like HTML, links, or dynamic data
• you need tooltips on touch devices with complex show/hide logic
• you need features like delays, follow-cursor, or framework integration

Facets

library · maturity maintenance

ui-components css-framework web-development frontend web-design browser cross-platform tooltips pure-css no-javascript sass less accessibility

Member repositories

For agents

markdown · JSON · MCP: product_card(name="kazzkiq/balloon.css")