Hunt Now
CSSnippets

CSSnippets

cssnippets.shefali.dev

300+ 可直接复制的 HTML、React、CSS 与 Tailwind 组件代码片段，涵盖按钮、卡片、表单等。

ReactHTML/CSSTailwind网页
被推荐 1 次
访问网站 ↗

适合做什么

适合前端开发者与设计师快速获取按钮、卡片、表单等 UI 代码片段，加速开发。

标签与属性

技术栈
ReactHTML/CSSTailwind
平台
网页

谁在推荐

@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗
CSSnippets Explore a vast collection of HTML, React, CSS and Tailwind CSS code snippets for buttons, box-shadows, cards, checkboxes, dropdowns and many more.

同类推荐

落地页 / 官网模板

Start Bootstrap

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

开源HTML/CSS落地页后台
startbootstrap.com1 处推荐详情
代码片段 / CSS 效果

Hover.css

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

开源HTML/CSS落地页
ianlunn.github.io1 处推荐详情
代码片段 / CSS 效果

SpinKit

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

开源HTML/CSS极简
tobiasahlin.com2 处推荐详情
配色工具

CSS Gradient

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

免费HTML/CSS渐变
cssgradient.io2 处推荐详情
代码片段 / CSS 效果

WebGradients

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

免费HTML/CSS落地页渐变
webgradients.com4 处推荐详情
配色工具

Shadow Palette Generator

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

免费HTML/CSS
joshwcomeau.com1 处推荐详情