palantir/blueprint

📈 Trending★ 21,697TypeScriptAudience · developerComplexity · 2/5ActiveLicenseSetup · easy

Mindmap

mindmap
  root((Blueprint))
    What it does
      React components
      Data tables
      Date pickers
      Icons library
    Tech stack
      TypeScript
      React
      SCSS
      Monorepo
    Use cases
      Internal dashboards
      Data analysis tools
      Business applications
    Design approach
      Desktop-focused
      Data-dense interfaces
      Professional aesthetic
    Key packages
      Core components
      Icons
      DateTime
      Select
      Table

mindmap root((Blueprint)) What it does React components Data tables Date pickers Icons library Tech stack TypeScript React SCSS Monorepo Use cases Internal dashboards Data analysis tools Business applications Design approach Desktop-focused Data-dense interfaces Professional aesthetic Key packages Core components Icons DateTime Select Table

Things people build with this

USE CASE 1

Build internal dashboards and admin panels with professional-looking data tables and controls.

USE CASE 2

Create data analysis interfaces that display and interact with large datasets efficiently.

USE CASE 3

Develop business applications with consistent styling and a comprehensive set of UI components.

USE CASE 4

Speed up React development by using pre-built, tested components instead of building from scratch.

Tech stack

TypeScriptReactSCSSSVG

Getting it running

Difficulty · easy Time to first run · 5min

Use freely for any purpose including commercial. Keep the notice and disclose changes to the patent grant.

In plain English

Blueprint is a set of pre-built user interface pieces, buttons, menus, calendars, tables, icons, and the like, that developers can drop into a website to give it a consistent look and feel. It is built on React, a popular JavaScript framework for constructing interactive web pages, and is written in TypeScript and Sass. The project is maintained by Palantir, the company that originally created it for its own internal tools. Blueprint is aimed specifically at complex, data-dense applications that people use at a desk in a modern web browser, think dashboards, admin panels, and analytics tools, rather than at mobile apps or simple marketing sites. Because of that focus, it emphasises components like the scalable, spreadsheet-like Table, date and time pickers, list selectors, and a polished set of icons available as both SVGs and an icon font. The whole library is split into smaller packages (core components, colors, datetime, icons, select, table) so projects can pull in only what they need from NPM. You would reach for Blueprint when you are building a serious internal tool or product UI and want a coherent design system out of the box, rather than hand-styling every button and form field. Alongside the component libraries, the repository ships its own documentation site, demo playgrounds, an ESLint config and plugin, Stylelint rules, and Webpack build scripts so that other teams can mirror Palantir's setup. Development uses pnpm as the package manager, Nx as the task runner, and Lerna-Lite for releases, and requires a recent Node.js version. The full README is longer than what was provided.

Copy-paste prompts

Prompt 1

Show me how to set up Blueprint in a React project and create a basic button and dropdown component.

Prompt 2

How do I use the Blueprint table component to display a large dataset with sorting and filtering?

Prompt 3

Create a date picker form using Blueprint's datetime components in a React application.

Prompt 4

What's the best way to customize Blueprint component styling with SCSS in my project?

Prompt 5

Build a dashboard layout with Blueprint that includes a data table, date range picker, and icon buttons.

Open on GitHub → Explain another repo

Generated 2026-05-21 · Model: sonnet-4-6 · Verify against the repo before relying on details.