物理光影

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

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

Prestige UI合集与套件

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

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

Aceternity UI合集与套件

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

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

Canvas UI合集与套件

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

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

GetLayers合集与套件

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

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

glimm合集与套件

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

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

Gradient Spin加载与反馈

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

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

Lightswind合集与套件

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

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

Painterly加载与反馈

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

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

Rewamp UI合集与套件

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

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

ObsidianUI合集与套件

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

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

React Bits合集与套件

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

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

Solaris合集与套件

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

Ambient CSS — 以物理光照驱动的 CSS 影调系统：定义一盏光源，阴影、高光与表面渐变随之自适应生成，基于 Blender 光线追踪校准，纯 box-shadow 渲染。

Ambient CSS合集与套件

以物理光照驱动的 CSS 影调系统：定义一盏光源，阴影、高光与表面渐变随之自适应生成，基于 Blender 光线追踪校准，纯 box-shadow 渲染。