设计工程师风

手工严选收录的 123 个 设计工程师风 相关开源 UI 库、交互组件与设计工程实践，支持完整组件清单预览与代码检索。

Bklit TanStack Charts数据可视化

基于 TanStack Charts 原生重构的 Bklit 图表库，完整保留复合组件 API 与动效质感。

Prestige UI合集与套件

融入精致微交互的 React 动效组件与整页区块库，基于 Tailwind CSS 与 Motion 构建。

Nexvyn UI合集与套件

融入弹簧物理动效的高质感 React 组件库，基于 shadcn/ui 与 Motion 构建。

SortUI合集与套件

基于 shadcn/ui 的高完成度设计系统，API 完全兼容且与 Figma 原生同步。

AlignUI合集与套件

基于 Radix UI 与 Tailwind CSS 构建的高质感组件库，支持 CLI 源码级导入。

EasyUI合集与套件

包含 130 余款高品质 React 动效组件，支持 shadcn CLI 零配置拷贝分发。

PaceUI合集与套件

基于 Motion 与 shadcn 打造的 React 动效区块与组件库，适配 Next.js 与 TanStack Start。

React Aria合集与套件

Adobe 出品的无样式 React 原语库，提供高等级无障碍支持与跨设备交互行为。

affectUI合集与套件

面向 AI 产品与 SaaS 的纯手工 React 动效组件库，单文件自包含样式，零额外 CSS 依赖。

HextaUI合集与套件

基于 shadcn/ui 与 Base UI 的开源 React 组件与区块库，内置细腻动效与完善的状态交互。

Arc UI合集与套件

自带克制而优雅内置动效的开源 React 与 shadcn 组件库，让产品界面更显完工质感。

Ely合集与套件

面向 GPUI 与 Rust 桌面应用的全套质感组件库，支持深浅双色并编译为 Wasm 在线运行。

Planes合集与套件

面向现代前端与 AI 辅助流打造的高质感 React 动效层，提供大量精细打磨的交互组件。

Skecher UI合集与套件

针对 shadcn CLI 优化的 React 交互动效组件库，聚焦细腻微交互与生动视觉表达。

Space UI合集与套件

集成 WebGL 空间着色器、流畅动效与落地页高转化区块的现代化 React 组件库。

CodedVisuals合集与套件

专为营销落地页打造的代码化动效插画组件库，基于 Motion 与 shadcn/ui 规范。

mapcn数据可视化

基于 MapLibre GL 与 Tailwind CSS 的现代化 React 地图组件库，开箱支持暗黑模式与 shadcn/ui。

motion-panels输入控件

基于 Motion 驱动的高性能可调节分栏面板，支持物理阻尼吸附与丝滑折叠动效。

PanelUI合集与套件

专为 Expo 与 React Native 打造的无障碍组件库，基于 Tailwind CSS 与 Reanimated 驱动。

Trellis输入控件

支持无限层级分形嵌套、平滑缩放与持久挂载视图的高性能 Web 停靠工作区布局引擎。

AICSS合集与套件

专为 AI Agent 对话界面量身定制的组件库，覆盖思考推理、工具调用与流式文本输出。

MicroKit UI合集与套件

开箱即用的 React 与 CSS 精致微交互组件库，支持 shadcn CLI 快速安装与源码自由定制。

Pin UI合集与套件

将 Pinterest 视觉灵感转化为开箱即用、支持弹簧物理与微交互的精美 React 组件库。

Sakani合集与套件

开源 React 设计系统：提供与 Figma 1:1 对齐的 114+ 无障碍组件与 41 套整页区块。

Torph文本与排版

零依赖的高性能文本与数字变形动画组件，支持 React、Vue 与 Svelte。

Typehug文本与排版

智能注入不换行空格（NBSP），自动消除网页孤字折行、保护单位与引用格式的排版引擎。

21st.dev合集与套件

最大的 shadcn 开放注册表社区，收录海量即拷即用的动效组件与交互区块。

8bitcn合集与套件

复古 8 位像素艺术风格的 shadcn/ui 组件库，还原街机与怀旧游戏机界面质感。

Aceternity UI合集与套件

极具未来感与视觉张力的潮流 React 动效组件库，主打粒子背景与酷炫 Hero。

Amacro合集与套件

提供无缝页面切场、动态内容揭幕与流体幕布过渡的 React 动效库。

Amicro合集与套件

专注点击反馈与微交互的轻量级 React 微动效原语，即插即用且极致轻盈。

Animate UI合集与套件

为 shadcn/ui 组件注入细腻 Motion 动画的高无障碍动效增强库。

Annnimate合集与套件

基于 GSAP 打造的生产级动效组件与丝滑视差滚动交互库。

Base CN合集与套件

将 Base UI 优秀的无样式底层原语重构适配为 shadcn 即拷即用格式的组件库。

Base UI合集与套件

由 MUI 与 Radix 团队联手打造的下一代 React 无样式高无障碍底层组件原语。

Bearnie合集与套件

专为 Astro 框架与 Tailwind CSS 深度定制的轻量极速组件集合。

blocks.so合集与套件

开源的现代化网页区块库，支持通过 shadcn CLI 命令行直接注入项目。

Butter Nav合集与套件

具液态形变平滑过渡与物理动效的现代 Mega-menu 导航组件。

Canvas UI合集与套件

GPU 硬件加速的流体动力学物理模拟、Canvas 着色器与沉浸式交互组件。

Colorion Text Effects文本与排版

收录海量动态文字特效、动力学排版预设与即拷即用的纯 CSS 文字动效配方。

The Component Gallery合集与套件

横向对比各大真实设计系统组件实现的权威参考库与设计工程师灵感聚合站。

coss ui合集与套件

基于 Base UI 与 Tailwind CSS 构建的高无障碍性即拷即用现代组件库。

Cult UI合集与套件

基于 Framer Motion 与 Tailwind 打造的现代 React 动效与微交互组件库。

devl合集与套件

探索前沿 Web 交互美学与极简概念边界的实验性 React UI 组件库。

Devouring Details合集与套件

深入剖析数字微交互本质、界面物理手感与设计工程细节的交互式数字专著。

Dot Matrix加载与反馈

超过 50 款专为 shadcn/ui 打造的高可定制点阵式像素 Loading 加载动画库。

Easing Wizard合集与套件

专为现代 CSS 动画量身打造的可视化弹簧物理模拟器与缓动曲线生成器。

Easy UI合集与套件

涵盖 50 多款高转化率营销模板与常用 React + Tailwind 交互组件。

editorcn文件与代码

基于 Tiptap 与 shadcn 打造的无头高扩展性 React 富文本编辑器组件库。

Eldora UI合集与套件

专为现代初创产品打造的 React 动效组件与交互式 Hero 区块集合。

emailcn合集与套件

全面兼容 React Email 与 MJML 的响应式高审美现代 HTML 邮件组件库。

Evil Buttons输入控件

富有极致触觉反馈、物理回弹与拟物张力的现代交互按钮专门组件库。

Evil Charts数据可视化

专为 shadcn/ui 定制的轻量级 SVG 动效图表库，由 Evil Martians 团队设计。

Fancy Components合集与套件

充满趣味与物理力学动效的 React 创意组件库，主打重力球池、磁吸与弹性交互。

Fluid Functionalism合集与套件

融合物理力学动效与目的性功能主义交互的现代 Web 设计实验系统。

Forge UI合集与套件

兼容 shadcn/ui 的 React 与 Tailwind 动效组件库，提供开箱即用的 SaaS 区块、微交互与落地页模板。

Frameblox合集与套件

专为网页设计师与创意工程师打造的模块化 Framer 动效区块与整页模版。

framecn合集与套件

基于 Editframe 构建的 React 视频合成、时间轴编辑与多媒体动效组件。

GetLayers合集与套件

为构建电影级分层视觉与光影质感 Web 页面而生的 AI 提示词与切片库。

glimm合集与套件

基于 GPU 着色器驱动的 Next.js 极具流体质感整页路由切换动效方案。

Gradient Spin加载与反馈

采用圆锥渐变流光与多重光晕的现代 React 旋转加载指示器组件。

Great UI合集与套件

融合无障碍机制与清新现代审美的即拷即用 React + Tailwind 组件集。

GSAP合集与套件

业界标杆级、极高运行性能的专业 JavaScript 时间轴动画核心引擎。

HeroUI合集与套件

现代、极速且视觉优雅的 React UI 库（前身为 NextUI），基于 Tailwind 构建。

interior.dev输入控件

专为极致点击响应与细腻触觉反馈调校的现代 Web 微交互控件集合。

Kibo UI合集与套件

专为 AI 交互、大模型对话与智能体工作流定制的现代化 UI 组件注册表。

Kokonut UI合集与套件

充满创意与前沿设计细节的 React 动效控件集，完全遵循 shadcn 架构。

Lightswind合集与套件

主打物理光影、霓虹流光与深色暗调美学的 Tailwind CSS 特色组件库。

Magic UI合集与套件

专为营销落地页与现代 Web 产品量身定制的顶级 React 动效组件库。

morphicons合集与套件

基于弹簧物理学的高品质矢量图标形状平滑形变动效动画库。

Motion合集与套件

前身为 Framer Motion，现代 Web 与 React 动效手势引擎的事实标准。

Motion Primitives合集与套件

由 ibelick 打造的高质感动效与微交互组件库，依托 Motion 和 Tailwind CSS。

Nex UI合集与套件

专为现代科技初创团队打造的高扩展性、无障碍优先的 React 组件系统。

Ninja UI合集与套件

追求极致轻量体积与加载性能的模块化 React 基础控件库。

NumberFlow文本与排版

优雅顺滑的数字流式过渡与翻滚动效组件，支持跨现代前端框架与数字格式化。

Odyssey UI合集与套件

基于 shadcn/ui 与 Framer Motion 打造的现代化 SaaS 动效组件库。

ogimagecn文件与代码

结合 Satori 与 shadcn 美学规范的动态社交分享卡片（OG Image）生成组件。

Oneko合集与套件

随鼠标指针灵动追逐嬉戏的经典复古像素猫桌面伙伴 Web 组件。

Painterly加载与反馈

艺术质感的 Canvas 动态加载器与水彩光影反馈控件，适合创意设计网站。

Prompt Kit合集与套件

面向大语言模型对话与智能体打造的自然语言交互界面核心组件原语。

Re UI合集与套件

依托 Base UI 底层原语构建的高可访问性、自由定制的现代组件库。

Reverse UI合集与套件

融合趣味微交互与创新布局思想的 React 与 Tailwind CSS 组件库。

Rewamp UI合集与套件

基于 Motion、Tailwind CSS 与 Three.js 构建的 React 创意组件库，主打流体光影、物理微交互与着色器动效。

Rive合集与套件

基于状态机与紧凑运行时驱动的跨平台实时交互矢量动效平台。

Rolling Number文本与排版

带物理弹簧惯性的平滑字符齿轮滚动数字计数器 React 组件。

Ruru UI合集与套件

专为打磨高品质 React 应用而设计的无障碍优先与高度可定制组件库。

Scritto文本与排版

富有设计工程师张力的字符逐字翻滚与乱码解码文本过渡动效库。

sensory-ui加载与反馈

专为 shadcn/ui 组件量身定做的声音设计系统与声学触觉反馈工具包。

Sera UI合集与套件

针对 shadcn CLI 深度优化的极简主义 React 组件与微交互合集。

Shadcn Labs合集与套件

汇集前沿新兴 shadcn/ui 社区注册表、扩展库与开发工具的生态实验聚合站。

shadcn/ui合集与套件

代码直接拷入项目的现代 UI 组件库事实标准，基于 Radix 与 Tailwind 构建。

shadcnblocks合集与套件

收录数千款精巧的 shadcn/ui 完整页面区块与营销落地页组件集合。

shieldcn文件与代码

以 shadcn 极简美学重新绘制的 GitHub 项目徽标与状态盾牌。

Shoogle合集与套件

横跨全网各大开源 shadcn 社区注册表的高效垂直组件搜索引擎。

Skiper UI合集与套件

专为现代 Tailwind CSS 深度调校的高性能动效原语与交互式小部件。

Smooth UI合集与套件

重度动画与丝滑交互兼具的 React 动效组件库，即粘即用零摩擦。

Sona UI合集与套件

追求 100% 开发者自主可控与流畅动效美学的 React 即拷即用现代组件库。

soundcn加载与反馈

为现代 Web 界面量身定制的即拷即用 UI 交互音效与音频反馈钩子库。

SRCL合集与套件

充满复古极客工业质感的 DOS 终端风格组件套件与赛博怀旧界面库。

startercn合集与套件

集成了官方文档、落地页与 AI Agent 支持的一站式 shadcn 注册表脚手架。

Syntax UI合集与套件

专为现代落地页打造的即拷即用 React 动效组件与创意交互合集。

Tailark合集与套件

手工打磨的高品质 Tailwind CSS 营销区块，专为现代 SaaS 落地页而生。

termcn文件与代码

专为 React 与 Web 打造的纯正终端风格组件库，融合 Ink 与 shadcn 规范。

textmotion文本与排版

零依赖、超轻量的纯物理文本字符翻滚与排版动力学动画原语。

Theatre.js合集与套件

专为 DOM、Three.js 与 WebGL 打造的可视化时间轴动效定序器与编排工作室。

Transitions合集与套件

精选现代 CSS 动画过渡配方、自定义贝塞尔缓动曲线与动效实验场。

Tremor数据可视化

基于 Tailwind CSS 打造的现代化 React 数据仪表盘与可视化组件库。

UI Layouts合集与套件

涵盖整页排版、交互式导航与 Hero 区块的高质量 Tailwind 布局库。

Uiuno合集与套件

聚合、实时预览与智能编排全网 shadcn 优质组件的 AI 工作台。

unlumen UI合集与套件

专为暗色模式打造的极简主义 React 组件库，支持 CLI 一键导入。

Vengeance UI合集与套件

以动力学滚动交互、强张力入场动效与现代排版见长的 React 组件集。

Watermelon UI合集与套件

色彩鲜明活泼的 React 组件库，作为 shadcn 生态的视觉风格扩展。

Astryx合集与套件

Meta 开源的 Agent 友好型 React 设计系统，基于 StyleX 构建，内置 150+ 无障碍组件与多套主题预设。

ObsidianUI合集与套件

基于 Motion 与 Tailwind CSS 构建的创意 React 动效组件库，主打灵动光标跟随、画廊滚动与质感微交互。

Dither Kit数据可视化

基于轻量 Canvas 引擎的复古抖动风格图表与组件库，兼容 shadcn/ui 与 Recharts 式声明 API。

Rare UI合集与套件

精选小众且高辨识度的 React 动效组件集：基于 Motion 与 Tailwind 打造，支持 shadcn CLI 一键安装。

React Bits合集与套件

收录超 200 款高品质 React 动效组件库：涵盖文字特效、互动背景与微交互，支持 JS/TS 及 Tailwind 双模式。

23rd合集与套件

极具个性表达的 shadcn/ui 组件注册表：支持 React 与 Svelte 5，涵盖 ASCII 流体、GLSL 着色器天象与有机动效。

Libraries.dev合集与套件

专为 AI 与智能体界面打造的高质感 React 特效组件库：包含流光边框、思维光球、流体黏连、液态金属与图像生成加载器。

Solaris合集与套件

面向 React 19 的太阳系与天空着色器组件库：基于 WebGL2 物理光照与大气散射算法，渲染真实感天体与天空景象。

Bencho合集与套件

沉浸式可交互 UI 区块实验室：所有组件均可在网页中直接调试手感与参数，开箱即用，拒绝静态占位。

Calligraph文本与排版

由 Motion 驱动的流体文字变形动效库：同名字符平滑位移至新坐标，进退字符优雅淡入淡出。

Spell UI合集与套件

精美先锋的创意 React UI 组件库：基于 Tailwind CSS，带来如魔法般赏心悦目的现代交互细节。