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/

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

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

推荐 8 个支持 Vue3 的前端 UI 组件库，免费开源、漂亮美观，涵盖常用的业务组件
Vue3 正式发布已经快2年了,今年2月也正式变成 Vue 项目的默认版本,今天分享8个优秀的 Vue3 UI 组件库. Element Plus 相关网址:https://www.thosefree ...
mxreality.js 免费开源的全景图/全景视频/VR 直播播放器介绍
[2018-10-20 重要更新] 支持VR直播功能支持全景视频poster 支持全景图和视频和场景之间随意切换全景模式切换回默认主视角播放列表优点: 1.全景图支持全景模式和VR模式 2.支 ...
OdooERP中国财务本地化的免费开源存货核算解决方案
本文节选自Odoo亚太金牌服务机构[开源智造]所编写的<ERP真的免费不花钱--Odoo应用指南>如需获取完整的知识内容,请至开源智造官网免费获取.感谢网友一键三连:点赞.转发.收藏,您的 ...
Naive UI - 火热出炉！基于 Vue 3.0/TypeScript 的免费开源前端 UI 组件库
非大厂 KPI 项目!开源三天就收获 800 Star,还获得 Vue 作者尤雨溪的官方推荐. 关于 Naive UI Naive UI 是一款基于当前比较新的 Vue 3.0/TypeScript ...
Driver.js - 开源无依赖的 web 新手交互引导工具库，功能强大、高度可定制
可以快速实现新手引导效果,自带动画,体验优秀,而且还能高度定制. 关于 Driver.js Driver.js 是一个可以轻松实现新手指引交互的 javascript 工具库,主要的作用是为刚接触应用 ...
react滑动切换tab动画效果_Swiper - 免费开源、功能强大的触摸滑动js特效插件
简单配置就能实现手机.PC 网页中滑动.焦点轮播图.tab 切换和触摸导航等大部分功能. js 滑动特效插件 Swiper 是一款纯 javascript 打造的滑动特效插件,主要用对移动端 web ...
js插件---10个免费开源的JS音乐播放器插件
js插件---10个免费开源的JS音乐播放器插件一.总结一句话总结:各种插件都有很多,多去找. 二.js插件---10个免费开源的JS音乐播放器插件亲测可用音乐播放器在网页设计中有时候会用到, ...
pc端js获取当前经纬度_Swiper 免费开源、功能强大的触摸滑动 js 特效插件
简单配置就能实现手机.PC 网页中滑动.焦点轮播图.tab 切换和触摸导航等大部分功能. js 滑动特效插件 Swiper 是一款纯javascript 打造的滑动特效插件,主要用对移动端web 开发 ...
php项目网页音乐播放器插件,10个免费开源的JS音乐播放器插件
10个免费开源的JS音乐播放器插件三月 24, 2015 评论 (3) Sponsor 音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些网页播放器插件比较少见,所以这里 ...
Odoo免费开源ERP高级实施个性化定制请假单示例教程
Odoo 请假单高级实施个性化定制演练本节高级实施定制一个简单的请假申请功能,包括创建及编辑请假单,请假单查找.但暂不包括请假审批流程,审批流程将在后续章节开发.本节拟定的请假单包括如下信息: 申请 ...

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

介绍

特点

使用体验

免费使用说明

Tippy.js 官网

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

最新文章

热门文章