Repolode
Enviar
palantir

palantir/blueprint

Kit de interface baseado em React para criar interfaces web complexas e com alta densidade de dados, voltadas a aplicações com estilo de desktop.

Ver no GitHubSite
Estrelas
22,157
Forks
2,371
Issues abertas
966
Último commit
há 4 dias

O que é?

Blueprint é um kit de componentes React para a web, voltado a interfaces complexas e com alta densidade de dados, como aplicações com estilo de desktop executadas em navegadores modernos. Não é, explicitamente, um kit mobile-first.

O repositório é um monorepo publicado como vários pacotes npm. O pacote principal oferece estilos e componentes, acompanhado por pacotes para campos de data e hora, ícones (disponíveis em SVG e como fonte de ícones), seleção de itens em listas e um componente escalável e interativo de tabelas no estilo de planilhas. Um pacote de cores disponibiliza as variáveis de cor do sistema de design.

O projeto também inclui documentação e aplicações de demonstração, além de ferramentas de build compartilhadas, como plugins de ESLint e stylelint que impõem convenções de uso do Blueprint, e scripts de build para Sass e Webpack.

Recursos principais

  • 01Estilos principais e componentes React para criar interfaces web
  • 02Componente escalável e interativo de tabelas no estilo de planilhas
  • 03Componentes de entrada de data e hora em um pacote separado
  • 04Ícones disponíveis em SVG e como fonte de ícones
  • 05Plugins de lint que impõem as melhores práticas de uso do Blueprint

Casos de uso

  • Criar ferramentas internas ou dashboards com muitos dados no navegador
  • Desenvolver aplicações web com estilo de desktop, formulários densos e tabelas
  • Adicionar um sistema de design consistente, com temas claro e escuro, a uma aplicação React

Início rápido

  1. 1

    Use a versão do Node indicada em .nvmrc

    nvm use
  2. 2

    Ative o pnpm com o corepack

    corepack enable
  3. 3

    Instale todas as dependências do monorepo

    pnpm install
  4. 4

    Inicie o app de demonstração para verificar a configuração

    pnpm dev:demo

Antes de usar

  • Foi desenvolvido para aplicações no estilo desktop; não é um toolkit voltado primeiro para dispositivos móveis.
  • O desenvolvimento requer Node.js v24.11+ e pnpm v10.x, e a configuração no Windows precisa de ferramentas de build adicionais.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

#react#ui-components#typescript#design-system#table#web-ui#blueprint#components#design#lerna

Perguntas frequentes

O que é blueprint?
Kit de interface baseado em React para criar interfaces web complexas e com alta densidade de dados, voltadas a aplicações com estilo de desktop. Blueprint é um kit de componentes React para a web, voltado a interfaces complexas e com alta densidade de dados, como aplicações com estilo de desktop executadas em navegadores modernos. Não é, explicitamente, um kit mobile-first.
blueprint é gratuito? Qual é a licença?
blueprint é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
blueprint ainda é mantido?
Manutenção ativa. O último commit de blueprint foi em 21 de out. de 2026.
Para que posso usar blueprint?
Criar ferramentas internas ou dashboards com muitos dados no navegador Desenvolver aplicações web com estilo de desktop, formulários densos e tabelas Adicionar um sistema de design consistente, com temas claro e escuro, a uma aplicação React
Como instalar blueprint?
Use a versão do Node indicada em .nvmrc: nvm use Ative o pnpm com o corepack: corepack enable Instale todas as dependências do monorepo: pnpm install Inicie o app de demonstração para verificar a configuração: pnpm dev:demo
Onde consigo blueprint?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/palantir/blueprint

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados