短信验证
Tailwind CSS实现的 Toast 短信验证码OTP提示校验控件下载这是一款Toast 验证码提示效果，基于Tailwind CSS和JavaScript技术实现，通过Toast通知的形式实时反馈验证码的验证状态，简洁直观，适用于表单验证或用户交互场景。
气泡提示工具
GSAP 实现的个性文本提示工具（Tooltip）气泡动画这是一款基于GSAP ScrollTrigger实现的文本提示工具气泡动画效果，结合CSS和JavaScript实现。当用户通过鼠标滑动文字时，文本提示气泡会随着鼠标滑动的方向左右晃动，营造出流...
萤火虫背景
HTML实现带萤火虫闪光背景的404等错误页面模板一款带萤火虫闪闪发光背景的404等错误页面模板，这款页面模板除了拥有吸引人的萤火虫动画背景外，还支持自定义错误码以及错误文字信息提示。所以该模板可以定义为403/404/500等常见错误页面。
错误页面模板
创意魔法师动画404页面模板 - CSS与HTML构建的友好错误提示页面，轻松自定义错误码！一款通过纯CSS实现的创意错误页面模板，页面表现为：一个魔法师老爷爷手指控制「错误编码」升起旋转与降落，，默认错误码是404，可以随意修改错误码以满足500、403等常见错误页面效果。
小球加载器
CSS创意4小球旋转Loading加载中动画效果HTML中基于CSS动画属性实现的四个蓝色小球围绕粉色小球旋转动画效果，随着旋转的进行中间的粉色小球会裂变为4个球飞向周围的四个小球，而后融合到一起，持续循环运动。下方有一行「加载中...」的提...
横幅提示框
CSS实现的4款极简风格Banner信息提示框这是一款简化风格横幅设计效果，基于纯CSS技术实现。每个横幅项仅使用一个段落元素创建，遵循极简主义的设计原则，不添加各类仅为视觉效果的额外HTML元素，不通过多个部分组合创建形状，也不依赖于冗长...
提示框
纯CSS实现的轻量级高颜值工具提示（tooltip）插件这是一款简易的纯CSS工具提示（tooltip）效果，提供了圆角以及直角两种样式，不需要额外的伪元素。总共有上下左右四个开口方向的提示框设计。
加载器集合
HTML中基于CSS实现的72种简洁旋转风格加载中Loading动画效果这是一组纯CSS实现的加载动画，总共包含72种样式，每种效果仅需要一个HTML元素即可实现，相当的简洁。这些加载效果需要Houdini支持才能正常工作。由于Houdini目前仅在Chromium...
CSS加载
CSS实现的5款简约创意加载中Loading动画效果集合这是一款包含了多种加载动画效果的集合样式，全部基于CSS技术实现，包含了一系列不同风格和类型的加载动画。每个加载器都是禁用了单个HTML元素定义，非常的简洁，无需额外的JavaScript或图像...
地图标记
HTML+CSS实现世界地图中标记位置，并对标记点进行介绍通过HTML+CSS实现的一款可以标记位置的世界地图，底层的世界地图是通过SVG实现的简略版地图，地图的上方可以标记关键位置，并且当用户鼠标滑过标记位置时会显示标记处的文字提示信息，点击标记...
工具栏
react+CSS实现的悬浮工具栏插件，支持滑动选择操作！这是一款带有滑动选择效果的悬浮工具栏设计，有垂直以及水平排列两种布局方式，基于CSS+SVG+react技术实现。在这个设计中，当用户在工具栏中选择不同的工具时，指示器会平滑地滑动到所选工具的位...