Pular para o conteúdo

Biblioteca de componentes · 2026

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.

Papel
Autor e mantenedor
Período
2026
Tipo
Biblioteca de componentes
Situação
v0.1.0 publicada no npm
Documentação do FUSE UI mostrando o componente Event Calendar em modo mês
69
componentes no registry
npm
CLI publicada
PT/EN
documentação bilíngue

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, a camada dupla de design tokens (primitivos e semânticos em CSS) e escrevi os componentes sobre as primitivas acessíveis do Reka UI, com variantes em CVA. Publiquei a CLI no npm, mantenho o Storybook de desenvolvimento, a documentação bilíngue em Nuxt, os testes em Vitest e o versionamento por Changesets.

Tecnologias

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

Telas do sistema

  1. 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.
  2. 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.
Ver no npm Repositório privado · pacote público no npm
IA aplicada · Dissertação de mestradoAETHER

Mauricio Braga