蜡笔猫导航

plasma-ui

面向 React 的液态玻璃(liquid glass)与玻璃拟态视觉组件库,用 WebGL 着色器实现带流动质感的界面元素。

UI 组件库免费ReactTypeScriptWebGL前端动画液体玻璃着色器组件库
plasma-ui 官网预览

它能做什么

  • 提供液态玻璃风格的 React 组件集合
  • 基于 WebGL 着色器与 metaballs 实现流动质感
  • TypeScript 编写,类型友好
  • MIT 许可证,可用于商业项目

适合谁

  • 前端开发者给落地页添加玻璃拟态视觉元素
  • React 项目中需要高质感动效面板的团队
  • 研究着色器与组件封装结合的前端工程师

详细介绍

plasma-ui 是一套给 React 项目用的视觉型组件库,主打「液态玻璃」风格:半透明、带折射与流动感的玻璃面板,适合想做高质感界面效果的开发者。它基于 TypeScript 编写,把 WebGL 着色器与 metaballs 等图形技术封装成可直接引用的 React 组件。

适合已经使用 React、希望在落地页、作品集或产品展示页里加入玻璃拟态与动态光效的前端团队;也适合想研究着色器如何与组件封装结合的前端工程师。使用方式是通过官方文档站查看组件示例与用法,在自己的 React 工程中引入对应组件并调整参数。

项目采用 MIT 许可证,可自由用于商业项目。需要注意它属于偏视觉装饰的组件集合,不提供完整的应用框架或业务组件;同时玻璃与着色器效果对浏览器 GPU 性能有一定要求,接入前建议先实测目标设备表现。