palantir/blueprint

これは何？

主な機能

• 01Web UI構築に使えるコアスタイルとReactコンポーネント
• 02拡張性の高いインタラクティブなスプレッドシート風テーブルコンポーネント
• 03別パッケージで提供される日付・時刻入力コンポーネント
• 04SVGとアイコンフォントの両方で利用できるアイコン
• 05Blueprintの適切な利用方法を徹底するLintプラグイン

ユースケース

• ブラウザー上でデータ量の多い社内ツールやダッシュボードを構築する
• フォームやテーブルが密集したデスクトップアプリ風のWebアプリケーションを作成する
• Reactアプリにダークテーマとライトテーマを備えた一貫性のあるデザインシステムを導入する

クイックスタート

1. 1

   .nvmrc に記載された Node のバージョンを使用します

   nvm use
2. 2

   corepack で pnpm を有効にします

   corepack enable
3. 3

   monorepo の依存関係をすべてインストールします

   pnpm install
4. 4

   デモアプリを起動してセットアップを確認します

   pnpm dev:demo

使う前に知っておきたいこと

• !デスクトップ向けアプリケーション用に作られており、モバイルファーストのツールキットではありません。
• !開発には Node.js v24.11+ と pnpm v10.x が必要です。また、Windows でのセットアップには追加のビルドツールが必要です。

収録されている特集

トピック

よくある質問

blueprint とは？

デスクトップアプリのような複雑でデータ密度の高いWeb UIを構築するための、ReactベースのUIツールキット。 Blueprintは、最新のブラウザーで動作するデスクトップアプリ風の複雑でデータ密度の高いインターフェースを対象とした、Web向けのReactコンポーネントツールキットです。モバイルファーストのツールキットではありません。

blueprint は無料で使えますか？ライセンスは？

blueprint は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

blueprint は今もメンテナンスされていますか？

活発にメンテナンス中。blueprint の最終コミットは 2026年10月21日 です。

blueprint は何に使えますか？

ブラウザー上でデータ量の多い社内ツールやダッシュボードを構築する フォームやテーブルが密集したデスクトップアプリ風のWebアプリケーションを作成する Reactアプリにダークテーマとライトテーマを備えた一貫性のあるデザインシステムを導入する

blueprint のインストール方法は？

.nvmrc に記載された Node のバージョンを使用します: nvm use corepack で pnpm を有効にします: corepack enable monorepo の依存関係をすべてインストールします: pnpm install デモアプリを起動してセットアップを確認します: pnpm dev:demo

blueprint はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/palantir/blueprint