跳到正文
CDGet
  • 首页
  • 项目
  1. 首页
  2. 全部项目
  3. Plass UI

Plass UI

库设计

由玻璃与渐变构成的一套设计语言,同时以 React 库和 Flutter 包提供。可按压的表面带有色调,承载内容的表面则是透明的,两边的组件名称完全一致。

主页 (在新标签页中打开)文档 (在新标签页中打开)源代码 (在新标签页中打开)

关于这个项目

Plass UI 是一门设计语言,以两个库的形式发布。同样的一百二十七个组件,名字相同、数值相同,React 项目能用,Flutter 应用也能用;React 这边另有三个,专门处理只有 DOM 才有的问题。在一边学到的就是在另一边要用的,两套体系不会到第三个版本就各走各的。

每一个表面都在回答同一个问题:这是被按的,还是盛放东西的。被按的是着色玻璃——渐变在自己的色系里转,而不是变暗;阴影落下时带着同一种颜色;还有一团跟着指针走的光晕。盛放东西的是清玻璃:半透明、深度模糊、以一道白色细线收边,从不着色。没有斜面,按下时也不移动,因为纵深由光、色与模糊承担。每一个渐变节点都对着它自己的文字量过,所以最亮的那个角落也仍然满足阅读所需的对比度。

五个属性——size、color、variant、density、elevation——撑起整个 API,深色模式在两边都跟随平台。React 包是 ESM、可摇树,有两个运行时依赖,其中第二个 highlight.js 只有在代码块真正需要高亮时才会下载;Flutter 包则完全没有依赖,不需要资源文件、插件或 Provider。有一件事两个包都替你做不了:把玻璃背后的页面涂上颜色——而恰恰为此准备了两个令牌。

功能

  • 文档站点

  • TypeScript 类型

  • 多语言支持

  • 经测试验证

  • 跨平台支持

  • 内置无障碍支持

  • 深色模式

  • 支持摇树优化

项目信息

起始
2026
许可证
MIT (在新标签页中打开)
编程语言
DartJavaScript
标签
reactfluttercomponent-librarydesign-systemglassmorphism
软件包
plass-ui (在新标签页中打开)npmplass_ui (在新标签页中打开)pub.dev
热度
3
GitHub 星标
770
npm 下载量
数据点:30 个。范围:0 至 168。
Plass UI — npm 下载量, 最近 30 天
npm 下载量
9月2日20
9月3日0
9月4日30
9月5日168
9月6日30
9月7日0
9月8日0
9月9日13
9月10日13
9月11日4
9月12日8
9月13日13
9月14日1
9月15日0
9月16日29
9月17日8
9月18日8
9月19日168
9月20日12
9月21日11
9月22日26
9月23日9
9月24日12
9月25日3
9月26日10
9月27日12
9月28日113
9月29日27
9月30日7
10月1日15
最近 30 天
联系我们赞助
这里列出的项目均以 MIT 许可证开源。© 2026 CDGet. 保留所有权利。