Pular para o conteúdo
Mauricio Pereira BragaDesenvolvedor full stack
Trabalhos

FUSE UI

Biblioteca de componentes Vue 3 no modelo registry/CLI, em que o comando copia o código-fonte para dentro do projeto. Quem usa é dono do componente e pode editá-lo.

Ver documentação Ver no npm

Papel
Autor e mantenedor
Período
2026
Tipo
Biblioteca de componentes
Documentação do FUSE UI mostrando o componente Event Calendar em modo mês

O problema

Bibliotecas instaladas como dependência resolvem o começo e atrapalham o resto, porque qualquer customização vira gambiarra por cima do CSS de outra pessoa. O FUSE UI inverte essa lógica e o componente entra no repositório de quem usa, com tokens de design que permitem retematizar tudo sem tocar em um componente sequer.

Minha contribuição

Defini a arquitetura do monorepo e a camada dupla de design tokens (primitivos e semânticos em CSS), e escrevi 82 componentes e 26 blocos sobre as primitivas acessíveis do Reka UI, com variantes em CVA, além de gráficos e composables. Publiquei a CLI no npm e mantenho o Storybook de desenvolvimento, a documentação bilíngue em Nuxt, com tabela de props gerada a partir do código-fonte e um gerador de temas, os 117 arquivos de teste em Vitest e o versionamento por Changesets.

Destaques do projeto

  • 82componentes no registry
  • 26blocos prontos para copiar
  • 117arquivos de teste em Vitest

Tecnologias

Vue 3, TypeScript, Reka UI, Tailwind CSS v4, CVA, Vitest, Nuxt, Changesets

Telas do sistema

Cada componente documenta preview, comando de instalação, uso, referência de props e notas de acessibilidade.
Cada componente documenta preview, comando de instalação, uso, referência de props e notas de acessibilidade.
A documentação é um site Nuxt com busca, tema claro e escuro, e conteúdo em português e inglês.
A documentação é um site Nuxt com busca, tema claro e escuro, e conteúdo em português e inglês.