Cursor Lab

cursor-lab-ui.vercel.app

28 款可实时调节的自定义鼠标光标，支持复制为 JS、React 或 CSS 代码。

ReactHTML/CSS活泼网页

被推荐 1 次

适合做什么

适合前端开发者与设计师为网站添加个性化光标交互细节，如圆点、液态玻璃、像素拖尾等。

技术栈

风格

平台

@ianneo_ai · X 推荐出处 ↗

刷到一个小站 Cursor Lab，收了很多自定义鼠标效果，有圆点圆环、一对眼睛、液态玻璃、像素拖尾、烟雾，还有让背景网格跟着变形的想给网站加点小细节的，可以去翻翻 https://t.co/1SHm5yE654 https://t.co/BHtPXfHaYI

落地页 / 官网模板

免费开源的 Bootstrap 5 主题、模板与代码片段库，附带教程指南。

开源HTML/CSS落地页后台

startbootstrap.com1 处推荐详情

代码片段 / CSS 效果

一套纯 CSS3 悬停动效库，为按钮、链接、图标等元素提供上百种悬停效果，支持 CSS、Sass 和 LESS。

开源HTML/CSS落地页

ianlunn.github.io1 处推荐详情

代码片段 / CSS 效果

纯 CSS 实现的加载动画集合，提供多种简洁的 spinner 效果，无需 JavaScript。

开源HTML/CSS极简

tobiasahlin.com2 处推荐详情

配色工具

免费的 CSS 渐变生成器，可视化调色并复制代码，还提供渐变配色、示例与教程。

免费HTML/CSS渐变

cssgradient.io2 处推荐详情

代码片段 / CSS 效果

180 款免费 CSS 渐变背景，一键复制代码，支持 Sketch/PS/Figma 资源包。

免费HTML/CSS落地页渐变

webgradients.com4 处推荐详情

配色工具

Josh Comeau 出品的 CSS 阴影调色板生成器，可一键生成多层、逼真、带色相的 CSS 阴影变量。

免费HTML/CSS

joshwcomeau.com1 处推荐详情