Tippy.js - 免费开源且高度可定制的气泡提示独立组件

推荐一个非常优秀的 web 气泡提示独立UI组件。

介绍

Tippy.js 是一款用于Web的完整工具提示，弹出菜单，下拉菜单和菜单解决方案。适用于鼠标，键盘和触摸输入。

特点

• 超轻量的纯 javascript 实现，无依赖；
• 不仅支持纯文本提示，也支持强大的html内容，支持嵌套；
• 除了IE都支持，浏览器兼容性好，在低端设备也能够保持很高的性能；
• 通过自定义CSS样式进行高度定制，包括额外的主题和酷炫的动画。

使用体验

这是一个几乎包含所有能想到的气泡提示组件该有的功能，并且仍然保持清亮简洁的一个js组件库，内置的主题已经能满足很多项目的开发需求，除了常见的文本提示，也可以通过往容器里放html代码来作为菜单、复杂悬浮框的交互效果，非常的强大，很适合用于操作复杂的、需要提示的工具类产品。

很多UI组件库都有类似的气泡提示组件，但如果你只是面对有气泡提示需求的工具类项目，也有根据设计师的视觉稿定制主题的需要，Tippy.js 可能是更好的选择。

免费使用说明

Tippy.js 在 github 开源，可以自由下载学习和免费使用，包括商用。这是独立组件中非常不错的一个小组件，祝各位搬砖愉快。

Tippy.js 官网

https://atomiks.github.io/tippyjs/

【那些免费的砖】持续分享设计、前端圈免费开源、可商用资源以及优质的免费应用。