Hunt Now

组件与代码

共 1000 个设计师推荐的组件与代码网站。

全部 组件与代码组件库 872区块 / Sections 30动效组件 106图表组件 39设计系统 191代码片段 / CSS 效果 38样式框架与工具 80动画库 643D / WebGL 库 10
组件库

React-WeUI

基于 React 的微信 WeUI 设计风格组件库,用于快速构建微信内网页应用界面。

React
weui.github.io1 处推荐
动效组件

Heroicons Animated

基于 Motion 与 Heroicons 的 316 个免费动画图标库,MIT 协议,React 可直接复制使用。

开源React
heroicons-animated.vercel.app1 处推荐
组件库

Shadcn Datetime Picker

为 shadcn/ui 打造的日期时间选择器,支持时区、键盘操作,单文件组件可复制即用。

开源ReactTailwind
shadcn-datetime-picker-xi.vercel.app1 处推荐
组件库

Alloy Editor

基于 CKEditor 的所见即所得富文本编辑器,UI 完全重写,支持智能工具栏与 React 界面。

开源React
github.com1 处推荐
组件库

glasscn-ui

基于 shadcn/ui 的玻璃拟态组件库,提供毛玻璃变体与额外组件,支持 Tailwind 主题定制。

开源ReactTailwind落地页SaaS
github.com1 处推荐
组件库

Shadcn Space

基于 shadcn/ui 与 Base UI 的开源组件、区块与模板集合,用 React 和 Tailwind 构建。

开源ReactTailwind后台落地页
github.com1 处推荐
区块 / Sections

shadcn-pricing-page

基于 shadcn/ui 的响应式定价组件,支持月付/年付切换、套餐高亮与平滑价格过渡动画。

开源ReactNext.jsTailwind定价页
github.com1 处推荐
组件库

The Gridcn

Tron 风格 shadcn/ui 主题,含 55+ 组件、6 种希腊神配色、3D 特效与 HUD 元素。

ReactTailwind暗色3D
thegridcn.com1 处推荐
组件库

react-visibility-sensor

React 组件,用于检测元素是否进入或离开浏览器视口,支持偏移、部分可见等配置。

开源React
github.com1 处推荐
样式框架与工具

Picnic CSS

轻量级 CSS 库,压缩后不到 10KB,原生 HTML 元素自动美化,无需写展示类。

开源HTML/CSS落地页极简
picnicss.com1 处推荐
设计系统

Kaizen

Culture Amp 开源的 Kaizen 设计系统,基于 React 的组件库,提供 Storybook 文档。

开源React
cultureamp.design1 处推荐
组件库

Rendition

balena 开源的 React 组件库,基于 styled-components 构建,提供完整设计系统与 Storybook 文档。

开源React
balena-io-modules.github.io1 处推荐
组件库

react-open-doodles

Open Doodles 手绘插画的 React 组件包,可自定义颜色,直接引入使用。

开源React落地页活泼
github.com1 处推荐
组件库

react-input-autosize

React 自动调整宽度的输入框组件,随输入内容自动伸缩,轻量易用。

开源React
github.com1 处推荐
组件库

react-contenteditable

一个让 div 内容可编辑的 React 组件,支持富文本编辑与 HTML 内容控制。

开源React
github.com1 处推荐
组件库

DateRangePicker for shadcn

基于 shadcn、Radix UI 和 Tailwind CSS 的日期范围选择组件,支持预设区间、文本输入、日历选择与日期对比。

开源ReactTailwind后台
github.com1 处推荐
组件库

Shadcn DateTime Picker

基于 shadcn/ui 的全功能日期时间选择器组件,支持多种变体与 16+ 特性。

开源ReactTailwind
shadcn-datetime-picker.vercel.app1 处推荐
组件库

Emblor

基于 shadcn/ui 的无头标签输入组件,自带状态、键盘与校验逻辑,样式完全自定义。

开源ReactTailwind
github.com1 处推荐
区块 / Sections

Launch UI

基于 React、shadcn/ui 和 Tailwind 精心打造的组件与模板,助产品脱颖而出。

开源ReactTailwind落地页SaaS
launchuicomponents.com1 处推荐
组件库

shadcn-multi-select-component

基于 shadcn/ui 的多选组件,支持搜索、分组、动画与键盘操作,适合仪表盘筛选。

开源ReactTailwind后台数据可视化
github.com1 处推荐
组件库

shadcn-stacked-progress-bar

为 shadcn/ui 打造的可组合堆叠进度条,单轨道展示多状态,支持图例、提示与无障碍语义。

开源ReactTailwind后台数据可视化
github.com1 处推荐
动效组件

Amicro

基于 React 与 Motion 的微交互与过渡组件库,轻量可摇树,一条 CLI 命令即可引入。

开源React
amicro.vercel.app1 处推荐
组件库

AICSS

专为 AI 对话界面打造的 UI 组件库,提供思考状态、工具调用、流式文本等组件,支持 React、Vue 和 Svelte。

免费+付费ReactVueSvelte
aicss.dev1 处推荐
代码片段 / CSS 效果

Gradient Buttons

收录数百款 CSS 渐变按钮,一键复制代码,悬停有动效。

免费HTML/CSS落地页渐变
gradientbuttons.colorion.co2 处推荐