Microsoft's monorepo of React components, web components and utilities for building web apps in the Fluent UI design system.
palantir/blueprint
A React-based UI toolkit for building complex, data-dense web interfaces for desktop-style applications.
- Stars
- 22,157
- Forks
- 2,371
- Open issues
- 966
- Last commit
- 4 days ago
What is it?
Blueprint is a React component toolkit for the web, aimed at complex, data-dense interfaces such as desktop-style applications that run in modern browsers. It is explicitly not a mobile-first toolkit.
The repository is a monorepo published as several npm packages. The core package provides styles and components, with companion packages for date and time inputs, icons (available as both SVG and icon font), item selection from lists, and a scalable, interactive spreadsheet-like table component. A colors package exposes the design system's color variables.
The project also includes documentation and demo applications, plus shared build tooling such as ESLint and stylelint plugins that enforce Blueprint usage conventions, and Sass and Webpack build scripts.
Key features
- 01Core styles and React components for building web UIs
- 02Scalable, interactive spreadsheet-like table component
- 03Date and time input components in a separate package
- 04Icons available as SVG and icon font implementations
- 05Lint plugins that enforce Blueprint usage best practices
Use cases
- Building data-heavy internal tools or dashboards in the browser
- Creating desktop-style web applications with dense forms and tables
- Adding a consistent design system with dark and light themes to a React app
Quick start
- 1
Use the Node version in .nvmrc
nvm use - 2
Enable pnpm via corepack
corepack enable - 3
Install all monorepo dependencies
pnpm install - 4
Start the demo app to verify the setup
pnpm dev:demo
Things to know
- Built for desktop-style applications; it is explicitly not a mobile-first toolkit.
- Requires Node.js v24.11+ and pnpm v10.x for development, and Windows setup needs extra build tools.
In collections
Topics
FAQ
- What is blueprint?
- A React-based UI toolkit for building complex, data-dense web interfaces for desktop-style applications. Blueprint is a React component toolkit for the web, aimed at complex, data-dense interfaces such as desktop-style applications that run in modern browsers. It is explicitly not a mobile-first toolkit.
- Is blueprint free to use? What license does it have?
- blueprint is open source under the Apache-2.0 license. Check the license terms before using it in commercial products.
- Is blueprint still maintained?
- Actively maintained. The last commit to blueprint was on Oct 21, 2026.
- What can I use blueprint for?
- Building data-heavy internal tools or dashboards in the browser Creating desktop-style web applications with dense forms and tables Adding a consistent design system with dark and light themes to a React app
- How do I install blueprint?
- Use the Node version in .nvmrc: nvm use Enable pnpm via corepack: corepack enable Install all monorepo dependencies: pnpm install Start the demo app to verify the setup: pnpm dev:demo
- Where can I get blueprint?
- The source code and installation instructions are on GitHub: https://github.com/palantir/blueprint
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
An unstyled React component library of accessible UI primitives for building custom design systems.
A free, open-source component library that adds ready-made UI components as class names on top of Tailwind CSS.
A free, open-source collection of Tailwind CSS UI components you copy and paste into your own projects, with no package to install.
An enterprise-class React UI component library and design language for building web applications.
A React UI component library built on React Aria and Tailwind CSS v4, formerly known as NextUI.