O que é o Primo UI?

O primo-ui é um design system pra React feito com Stitches e Radix UI, com tokens de design e documentação em Storybook. É um projeto de estudo incompleto, como a própria descrição do repositório diz: 9 componentes prontos e uma lista de outros planejados.

Os pacotes @primo-ui/react e @primo-ui/tokens declaram licença MIT no npm, mas o repositório não tem arquivo de licença. Instala com npm install @primo-ui/react @primo-ui/tokens.

O que ele faz

1. 01Componentes prontos: Text, Heading, Box, Button, TextInput, TextArea, Checkbox, Avatar e MultiStep
2. 02Pacote de tokens com cores, fontes, tamanhos, pesos, line-heights, raios e espaçamentos
3. 03Estilos com Stitches, Avatar e Checkbox sobre primitivas do Radix UI
4. 04Ícones do Phosphor
5. 05Documentação em Storybook publicada no GitHub Pages
6. 06Monorepo com Turborepo e versionamento com Changesets

Perguntas frequentes

Como instalo o primo-ui?

Os pacotes estão no npm: npm install @primo-ui/react @primo-ui/tokens. A última versão é a 1.0.0 do @primo-ui/react e a 1.0.1 do @primo-ui/tokens, ambas de outubro de 2022.

Com qual versão do React funciona?

O pacote foi desenvolvido com React 18.2 e trata o React como dependência externa. Ele é pra web, não pra React Native.

Qual é a licença?

Os package.json e o npm declaram MIT, mas o repositório não tem um arquivo LICENSE.

Qual a diferença pra outros design systems?

É um design system pessoal e pequeno, feito pra aprender a montar tokens, componentes e documentação num monorepo. Não tem a cobertura nem a manutenção de bibliotecas como Radix Themes ou Chakra.

O projeto está ativo?

Não. O último commit é de outubro de 2022, e componentes como Select, Slider, Tabs, Tooltip, Popover, Modal e Context Menu ficaram na lista de pendentes.

Documentação

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