3D

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

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

21st.dev合集与套件

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

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

Aceternity UI合集与套件

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

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

Rewamp UI合集与套件

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

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

Theatre.js合集与套件

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

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

Solaris合集与套件

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

ThreeUI — 专业级 3D 网页交互组件与 WebGL 着色器库：将 Three.js 与现代 UI 深度结合，提供开箱即用的 3D 视觉元素。

ThreeUI合集与套件

专业级 3D 网页交互组件与 WebGL 着色器库：将 Three.js 与现代 UI 深度结合，提供开箱即用的 3D 视觉元素。

crd-ui — 极具质感的支付表单银行卡交互组件：支持实时卡组织识别、3D 真实翻转、丰富卡面材质。零外部依赖，统一支持 React/Vue/Svelte/原生 JS。

crd-ui输入控件

极具质感的支付表单银行卡交互组件：支持实时卡组织识别、3D 真实翻转、丰富卡面材质。零外部依赖，统一支持 React/Vue/Svelte/原生 JS。