Open Source · Web Components · TypeScript

Um design system
para todos governar

Web Components nativos. Escreva uma vez, use em React, Angular ou HTML puro — sem adaptações, sem reescritas.

$npm install @db1/makuco-ui-core
componentes
mk-button
PrimárioSecundárioGhost
Deletar
mk-chip
InfoSucessoAtençãoErro
mk-input
E-mailseu@email.com

Tudo que você precisa para construir

Uma base sólida de componentes, tokens e ferramentas para times que levam qualidade a sério.

Web Components

Construídos com Stencil.js, funcionam nativamente em qualquer framework ou com HTML puro — sem dependências de runtime.

Acessível por padrão

Todos os componentes atendem WCAG 2.1 AA, com atributos ARIA, navegação por teclado e suporte a tecnologias assistivas.

Tokens Semânticos

Sistema de tokens de design com prefixo --db1-* para cores, tipografia, espaçamento, sombras e muito mais.

TypeScript First

APIs totalmente tipadas, com interfaces e tipos exportados. Autocompletar e verificação de tipos em todo o projeto.

React & Angular

Wrappers auto-gerados para React e Angular, com tipagem completa e integração perfeita com o ecossistema de cada framework.

Pronto para produção

Testado com Vitest, componentes form-associated, suporte a shadow DOM e build otimizado com Stencil.js.

Conheça os componentes

Botões, chips, inputs e muito mais — construídos com atenção aos detalhes e acessibilidade.

mk-button

mk-chip

mk-input

13+Componentes
200+Design Tokens
AAWCAG 2.1

Comece a construir hoje

Instale o Makuco UI no seu projeto e tenha componentes de qualidade em minutos.

Ver documentação