Top 9 CSS and JavaScript Tooltip Libraries

Design Tools Developer Tools CSS Framework

Hint.css Landing Page
1

Hint.css

A pure CSS tooltip library for your lovely websites.
Pricing:
- Open Source
Hint.css (8.4k ⭐) — A CSS library that helps you create simple and elegant tooltips using only HTML and CSS. It does not require any JavaScript and supports accessibility with aria-label attributes. Hint.css offers different positions, colors, sizes, and effects for your tooltips.

#Developer Tools #Design Tools #Website Design 4 social mentions
Balloon.css Landing Page
2

B

Balloon.css

Simple tooltips made of pure CSS
Pricing:
- Open Source
Balloon.css (5k ⭐) — A CSS library that helps you create simple and elegant tooltips using only HTML and CSS. It does not require any JavaScript and supports accessibility with aria-label attributes. Balloon.css offers different positions, colors, sizes, and effects for your tooltips.

#Design Tools #Developer Tools #Gradient Generator 1 social mentions
Bootstrap Landing Page
3

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
Bootstrap Tooltips — A component of the Bootstrap (168k ⭐) framework that helps you add custom tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage. They rely on the Popper.js library for positioning and offer various options to customize the appearance and behavior of the tooltips. Bootstrap tooltips are opt-in for performance reasons, so you must initialize them yourself.

#Developer Tools #Design Tools #Web Frameworks 329 social mentions