Introdução

O que é o BoardUI?

BoardUI é uma coleção open-source de componentes React construído com Tailwind CSS e projetado em Figma. Componentes são traduzidos diretamente de um arquivo mestre Figma através do servidor Figma MCP, então o design e o código permanecem em lockstep.

Pular a fase de design. Basta copiar, colar e construir.

Tecnologias

• React 19
• Next.js 16 (App Router) — para o site de vitrine
• Tailwind CSS v4 (CSS- first config via @theme)
• TypeScript
• React componentes Aria — primitivos de acessibilidade, adicionados por componente conforme necessário

Livre vs. Pro

• Grátis — componentes básicos (Button, Input, Checkbox, Distintivo, Avatar, etc.). Licença permissiva. Código aberto.
• Pro — blocos compostos, modelos de páginas, padrões complexos (quadros de dados, menus de comandos, gráficos, painéis).

Fonte, não dependência

O BoardUI não é uma biblioteca em tempo de execução. Quando você adiciona um componente, sua fonte é copiada para o seu projeto — sem instalação do npm, sem bloqueio do fornecedor. Você possui o código; modifique-o do jeito que quiser.

Como o BoardUI se compara

Criamos o mesmo diálogo de configurações com o BoardUI e outras nove bibliotecas, do shadcn/ui ao PrimeReact, e testamos cada uma. Leia nossa comparação dos 10 melhores sistemas de design para React (em inglês).

Próximas etapas

Vá para o guia de instalação para configurar um projeto, ou navegar no galeria de componentes.