Hunt Now

组件与代码

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

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

Animate UI

基于 React、Tailwind 与 Motion 的开源动效组件库,可通过 Shadcn CLI 安装并自由修改。

开源ReactTailwind
animate-ui.com2 处推荐
组件库

shadcn-ui-expansions

基于 shadcn/ui 的扩展组件库,提供多选器、加载按钮、无限滚动等实用组件,复制即用。

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

Matsu-theme for shadcn/ui

受吉卜力工作室启发的 shadcn/ui 主题,配色独特,带水彩纸纹理,易用易定制。

ReactTailwind活泼
matsu-theme.vercel.app1 处推荐
动画库

simpleParallax.js

轻量级视差滚动库,支持 React 与原生 JS,直接作用于 img/video 标签,无需背景图。

开源ReactNext.jsHTML/CSS落地页
github.com1 处推荐
组件库

neobrutalism-vue

基于 Vue 与 Tailwind v4 的新粗野主义风格组件注册表,源自 shadcn-vue,可直接安装使用。

开源VueTailwind粗野主义
github.com1 处推荐
动画库

AnimXYZ

基于 CSS 变量的可组合动画工具包,无需写关键帧,支持 Vue、React、SCSS 和纯 CSS。

VueReactHTML/CSS
animxyz.com1 处推荐
组件库

Xicons

整合 Fluent、Ionicons、Ant Design、Material 等多套图标库的 Vue/React 图标组件集,支持 SVG 复制。

开源VueReact
xicons.org1 处推荐
设计系统

Vitamin Play

迪卡侬官方设计系统,前身为 Vitamin,提供组件、设计规范与文档。

decathlon.design1 处推荐
组件库

rc-scrollbars

React 自定义滚动条组件,支持自动隐藏、自动高度,60FPS 流畅滚动,移动端使用原生滚动条。

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

react-icomoon

在 React 和 React Native 项目中轻松使用 IcoMoon 生成的 SVG 图标集。

开源ReactReact Native移动 App
github.com1 处推荐
组件库

ui-x

为 shadcn/ui 提供额外精美组件的开源扩展库,可复制粘贴,无障碍且可定制。

开源ReactTailwind
ui-x.junwen-k.dev1 处推荐
组件库

RareUI

免费开源的 React 组件库,基于 Tailwind CSS 与 Framer Motion,复制粘贴即用。

开源ReactNext.jsTailwind落地页
rareui.in1 处推荐
图表组件

Microcharts

面向 React 的微型图表库,106 种词级图表,零依赖、体积小、默认无障碍。

开源React数据可视化后台极简
microcharts.dev1 处推荐
设计系统

ouroboros-ui

为 Rust egui 原生实现的 shadcn 风格 token-first 设计系统,含 60+ 组件与治理测试。

开源
github.com1 处推荐
组件库

Dev.cards

提供原创界面组件,附带完整且经过审核的源代码文件,可直接用于项目开发。

落地页
dev.cards1 处推荐
设计系统

Overdrive

★ 49

AutoGuru 开源的 React 设计系统与组件库,基于 Storybook 展示,含主题、图标与表单组件。

开源React
overdrive.autoguru.io2 处推荐
组件库

Shadcn Theme Editor

一个轻量级组件,为 Shadcn 项目提供可视化主题颜色编辑与实时预览,支持明暗模式。

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

Mineral UI

由 CA Technologies 开源的 React 组件库与设计系统,内置主题与无障碍支持,可快速构建现代应用。

开源React
mineral-ui.netlify.app1 处推荐
设计系统

Marmo UI

开源 React 19 设计系统 + MCP 服务,让 AI 编码助手生成生产级 UI,避免 AI 味。

免费+付费React后台
github.com1 处推荐
组件库

enhanced-button

shadcn/ui 按钮组件的增强版,新增多种精美按钮样式与动效,只需复制粘贴即可使用。

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

react-dnd-kit-tailwind-shadcn-ui

基于 React、dnd-kit、Tailwind 和 shadcn/ui 构建的可访问看板拖拽示例项目。

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

Shadcn Google Maps

基于 shadcn/ui 的 Google Places 地址自动补全组件,使用新版 Places API,支持会话令牌计费。

开源React
shadcn-google-maps.vercel.app1 处推荐
组件库

unDraw CN

把 unDraw 插画封装成可自定义配色的 React 组件,通过 shadcn registry 一键安装使用。

React落地页
undraw-cn.vaatun.com1 处推荐
组件库

Pagination with Nextjs Links

基于 shadcn 分页组件与 Next.js Link 的分页方案,通过 URL 搜索参数同步页码与每页条数。

Next.jsReactTailwind
shadcn-next-link-pagination.vercel.app1 处推荐