Hunt Now

组件与代码

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

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

NASA Web Design System (NASAWDS)

基于 USWDS 的 NASA 主题设计系统,提供快速、可访问、移动友好的网站组件与样式。

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

Restspace Schema Form

基于 JSON Schema 的 React 表单生成组件,支持复杂嵌套、条件字段与校验。

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

react-data-table-component

一个简单灵活的 React 数据表格库,内置排序、分页、选择、可展开行和主题定制。

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

egjs-infinitegrid

Naver 出品的无限网格布局库,支持多种排列方式与无限滚动加载。

开源React
naver.github.io1 处推荐
组件库

shadcn-map

为 shadcn/ui 打造的地图组件,基于 Leaflet 和 React Leaflet,可快速在项目中集成美观地图。

React
shadcn-map.vercel.app1 处推荐
组件库

Billing SDK

★ 507

基于 React、TypeScript 和 Tailwind CSS 的订阅计费组件库,可与 shadcn/ui 无缝搭配使用。

开源ReactTailwindSaaS定价页
billingsdk.com2 处推荐
组件库

Tour

一个用于构建新手引导(onboarding tour)的组件,专为与 shadcn/ui 集成而设计。

开源React
onboarding-tour.vercel.app1 处推荐
动效组件

Animated Header

★ 56

一个受 Vercel 启发的滚动感知动画头部组件,基于 Next.js、TailwindCSS、shadcn/ui 和 Motion 构建。

Next.jsTailwindReact落地页
github.com1 处推荐
组件库

Searchkit

基于 Elasticsearch/OpenSearch 的开源搜索 UI 库,提供 React、Vue 等组件,兼容 InstantSearch。

开源ReactVueAngular
github.com1 处推荐
动效组件

react-stonecutter

React 动画网格布局组件,支持瀑布流与等宽网格,可用 CSS 过渡或 React-Motion 驱动动画。

开源React
github.com1 处推荐
设计系统

Škoda Brand System

斯柯达官方品牌设计系统,提供品牌规范、设计指南与资源,用于开发符合斯柯达品牌的应用。

skoda-brand.com1 处推荐
组件库

Re-Flex

React 可调整大小的 Flex 布局容器组件库,支持拖拽分隔条、响应式与 TypeScript。

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

react-swipe

将 Swipe.js 封装为 React 组件的触摸滑动轮播库,支持移动端手势滑动。

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

Aesthetic

端到端多平台样式框架,含严格设计系统、原子化 CSS-in-JS 引擎与低运行时方案。

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

Pigeon Maps

轻量级 React 地图组件,无外部依赖,性能优先,支持瓦片、标记与手势缩放。

开源React
github.com1 处推荐
动效组件

React Pulse Text

轻量零依赖的 React Hook,实现打字机式文字逐字出现与擦除动画。

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

react-middle-ellipsis

一个 React 组件,用于在字符串中间而非末尾截断长文本,保留末尾关键信息。

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

@pierre/diffs

开源 diff 与代码渲染库,基于 Shiki 语法高亮,高度可定制,支持编辑模式。

开源
diffs.com1 处推荐
组件库

Glitchcn/ui

赛博朋克终端风格的 React 组件库,基于 shadcn/ui,含 19+ 组件与 5 套主题。

ReactNext.jsTailwind落地页暗色
glitchcn-ui.vercel.app1 处推荐
组件库

Indie UI

基于 React 和 Tailwind CSS 的免费 UI 组件集合,支持深色模式与 TypeScript。

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

Wingtics

面向 React 的供应商无关分析组件库,一套查询模型连接 Vercel、Plausible、GA4、Umami、PostHog,换供应商不换仪表盘。

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

component-controls

下一代文档站点生成工具,支持 MDX/JS 编写,基于 Gatsby/Next.js 构建极速组件文档。

开源ReactNext.jsHTML/CSS文档站
github.com1 处推荐
组件库

termcn

一套精美、可访问、可定制的终端 UI 组件库,基于 Ink 与 OpenTUI 构建,兼容 shadcn/ui。

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

recursive-dnd-kanban-board

用 Next.js、dnd-kit、Tailwind 和 shadcn/ui 实现的递归生成、可拖拽的无障碍看板示例。

开源Next.jsTailwindReact
github.com1 处推荐