blueprint – A React-based UI toolkit for the web

Blueprint is a React-based UI toolkit for the web.

It is optimized for building complex, data-dense web interfaces for desktop applications which run in modern browsers and IE11. This is not a mobile-first UI toolkit.


@blueprintjs/core is the primary Blueprint package on NPM and home to over 40 components. Install it with your package manager (Yarn is used in this example):

yarn add @blueprintjs/core react react-dom

Additional components live in the @blueprintjs/icons@blueprintjs/datetime@blueprintjs/select@blueprintjs/table, and @blueprintjs/timezone packages, separated by use case and significant dependencies. All have peer dependencies on react and react-dom, so these two packages must be installed alongside Blueprint.


Read the introductory blog post ▸

View the full documentation ▸

Try it out on CodeSandbox ▸

Read frequently asked questions (FAQ) on the wiki ▸