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

Material Plus

库设计

一个直接遵循 Material Design 3 规范的 React 库,补上了其他 Material 库没有提供的组件。它会读取页面上已有的令牌,因此可以与现有的 Material 配置并存。

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

关于这个项目

Material Plus 是一个直接实现 Material Design 3 规范的 React 组件库,而不是包装别处已有的实现,所以它的颜色角色、字号阶梯和形状就是规范所定义的那些。它补上的,是任何一个 Material 项目最终都会自己写一遍的那堆组件:能正确处理中日韩输入法组字的输入框、与你自己那套图标相合的图标包装——把它们抽出来,配上文档和测试。

主题只需一行:设定一个源色,所有颜色角色就随之而来,正如 Material 从一个源色生成配色那样。库里没有任何属于页面层面的东西——没有重置样式,没有 Provider,没有全局样式——它读取页面上已有的 Material 系统令牌。因此一个已经在用 Material 的项目可以保留原有配置,只补上缺少的组件。中文、日文和韩文的组字输入,无论你的变更处理函数对值做了什么都不会被打断,而这正是多数 Material 输入框悄悄带着的毛病。

这个包仅提供 ESM,附带 TypeScript 类型定义,并且是真正可摇树的:单个组件只有几千字节,而九十四个全部加起来是六十四千字节,样式表也按同样的方式拆分。它无需任何配置即可在 Next.js 服务端组件中工作,在各主流打包器中都能解析,翻译则以启动时交出一次的模块形式接收。

功能

  • 文档站点

  • TypeScript 类型

  • 多语言支持

  • 经测试验证

  • 内置无障碍支持

  • 深色模式

  • 支持摇树优化

项目信息

起始
2026
许可证
MIT (在新标签页中打开)
编程语言
JavaScript
标签
reactmaterial-designmaterial-3component-librarybase-ui
软件包
material-plus-ui (在新标签页中打开)npm
热度
995
npm 下载量
Material Plus — npm 下载量, 最近 30 天
npm 下载量
7月31日0
8月1日0
8月2日0
8月3日0
8月4日0
8月5日0
8月6日112
8月7日8
8月8日3
8月9日6
8月10日5
8月11日0
8月12日144
8月13日12
8月14日0
8月15日4
8月16日154
8月17日11
8月18日4
8月19日7
8月20日5
8月21日3
8月22日3
8月23日171
8月24日13
8月25日6
8月26日6
8月27日140
8月28日12
8月29日166
最近 30 天
联系我们赞助
这里列出的项目均以 MIT 许可证开源。© 2026 CDGet. 保留所有权利。