Repolode
palantir

palantir/blueprint

基于 React 的 UI 工具包,用于构建复杂、数据密集的桌面风格 Web 应用界面。

Star
22,157
Fork
2,371
未关闭 Issue
966
最近提交
4天前

这是什么?

Blueprint 是一套基于 React 的 Web 组件库,面向数据密集、功能复杂的桌面风格应用,运行在现代浏览器中。它明确不以移动端为优先。

仓库以 monorepo 形式发布为多个 npm 包。核心包提供样式与组件,配套包涵盖日期时间选择、图标(同时提供 SVG 和图标字体两种实现)、列表选择,以及可扩展、可交互的类电子表格组件 Table。颜色包则导出设计系统的颜色变量。

项目还包含文档站点和演示应用,并附带用于约束 Blueprint 用法的 ESLint 与 stylelint 插件,以及 Sass 和 Webpack 构建脚本。

核心功能

  • 01提供核心样式与 React 组件,用于构建 Web 界面
  • 02提供可扩展、可交互的类电子表格 Table 组件
  • 03日期时间组件独立成包,按需引入
  • 04图标同时支持 SVG 与图标字体两种实现
  • 05提供 ESLint 与 stylelint 插件,约束 Blueprint 最佳实践

适用场景

  • 在浏览器中构建数据量大的内部工具或仪表盘
  • 开发包含密集表单和表格的桌面风格 Web 应用
  • 为 React 应用引入统一的设计系统,支持亮色与暗色主题

快速上手

  1. 1

    使用 .nvmrc 中指定的 Node 版本

    nvm use
  2. 2

    通过 corepack 启用 pnpm

    corepack enable
  3. 3

    安装整个单体仓库的依赖

    pnpm install
  4. 4

    启动 demo 应用以验证环境

    pnpm dev:demo

使用前须知

  • 专为桌面风格应用设计,明确不是移动端优先的工具包。
  • 开发需要 Node.js v24.11+ 和 pnpm v10.x,Windows 上还需要额外的构建工具。

收录于专题

标签

常见问题

blueprint 是什么?
基于 React 的 UI 工具包,用于构建复杂、数据密集的桌面风格 Web 应用界面。 Blueprint 是一套基于 React 的 Web 组件库,面向数据密集、功能复杂的桌面风格应用,运行在现代浏览器中。它明确不以移动端为优先。
blueprint 可以免费使用吗?用的什么许可证?
blueprint 以 Apache-2.0 许可证开源。用于商业产品前,请先确认许可证条款。
blueprint 还在维护吗?
活跃维护中。blueprint 最近一次提交是在 2026年10月21日。
blueprint 适合用来做什么?
在浏览器中构建数据量大的内部工具或仪表盘 开发包含密集表单和表格的桌面风格 Web 应用 为 React 应用引入统一的设计系统,支持亮色与暗色主题
blueprint 怎么安装和运行?
使用 .nvmrc 中指定的 Node 版本: nvm use 通过 corepack 启用 pnpm: corepack enable 安装整个单体仓库的依赖: pnpm install 启动 demo 应用以验证环境: pnpm dev:demo
在哪里获取 blueprint?
源代码和安装说明在 GitHub 上:https://github.com/palantir/blueprint

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目