Primo Brutality UI

O que é o Primo Brutality UI?

O primo-brutality é uma biblioteca de componentes de UI pra React Native e Expo no estilo neo-brutalista: bordas grossas, sombras duras e cores fortes. É publicada no npm como @primo-brutality/ui e estilizada com classes do NativeWind v4.

Licença MIT. Instala com npm install @primo-brutality/ui nativewind, importa @primo-brutality/ui/global.css na entrada do app e adiciona o preset do Tailwind do pacote no tailwind.config.

O que ele faz

1. 01Text, Heading, Button, Input, Card, Badge, Alert e Modal prontos
2. 02PinInput pra códigos PIN e OTP e Toggle com trilho e thumb brutalistas
3. 03Container, YContainer e XContainer com gaps baseados em tokens
4. 04ToastProvider e hook useToast pra notificações
5. 05Preset do Tailwind com cores, sombras, raios e tokens brutal-*
6. 06Button com variantes primary, secondary, ghost e destructive em três tamanhos
7. 07Storybook com documentação e playground de cada componente
8. 08llms.txt e AGENTS.md pra quem gera código com assistentes de IA

Perguntas frequentes

Como instalo o primo-brutality?

Roda npm install @primo-brutality/ui nativewind (ou pnpm/yarn), importa o global.css do pacote e adiciona o preset @primo-brutality/ui/tailwind-preset no seu tailwind.config. O setup de Metro e Babel segue o guia de instalação do NativeWind v4.

Funciona com Expo e com quais versões?

Sim, funciona em apps Expo e React Native puro. As peer dependencies são react >= 18, react-native >= 0.74 e nativewind >= 4, e o app precisa de Tailwind CSS v3.

Qual é a licença?

MIT. O código está no GitHub e o pacote é público no npm.

Qual a diferença pra outras bibliotecas de UI?

Ele tem uma estética só, a neo-brutalista, e usa className do NativeWind em vez de um sistema de estilo próprio. Os componentes usam primitivas do React Native (onPress, View, Pressable), então não serve pra web com div e onClick como shadcn ou MUI.

O projeto está ativo?

A versão mais recente é a 2.0.0, publicada em junho de 2026. Ela removeu o export de ScrollView; a 1.0.0 já tinha tirado o prefixo Brut dos nomes dos componentes.

Documentação

README do repositório lucianodiisouza/primo-brutality, atualizado a cada deploy. O texto original é em inglês.

npm install @primo-brutality/ui nativewind

pnpm install
pnpm storybook      # component docs & playground
pnpm build          # build @primo-brutality/ui
pnpm test           # run component tests