OPEN SOURCE · MIT · CSS-FIRST

Um framework.
Qualquer design.

Tokens, componentes, motion e 3D num só sistema. Troque o nome do tema e a interface inteira muda : do dark premium ao clean editorial, sem reescrever nada.

Começar agora Ver componentes

npm install @vatse/smart-ui

UM TEMA · QUALQUER CARA

Troque o tema.
Mude tudo.

O mesmo HTML. Você muda uma palavra : data-theme : e a interface inteira ganha outra personalidade. Sem reescrever um componente.

VATSE OSPainel de vendas

Ativo

ReceitaR$ 48,2 mil+12,4%

Clientes1.284+8,1%

Novo

UM SISTEMA COMPLETO

Tudo que uma interface precisa.

Do token ao template, do fundo animado ao dado denso. Use só o que precisar : é tudo HTML e CSS primeiro.

COMPONENTES454 variantes, 68 famílias.

Botões, cards, formulários, navegação, dados e overlays : prontos e acessíveis.

MOTION & FUNDOSAurora, mesh, tilt, reveal. TEMPLATES13 páginas reais. ÍCONES188 Smart Icons.

COMPONENTES EM USO

Escolha pelo comportamento.

Prévia real, código copiável, claro ou escuro e largura ajustável em cada família.

NAVEGAÇÃOMenus que continuam claros em telas pequenas. CARDSDensidade adequada ao conteúdo. FORMULÁRIOSEstados legíveis com teclado e toque.

MOTION COM FUNÇÃO

Movimento que explica.

Reveal ao rolar, cenas fixadas, texto por linha, galerias que viram página e fundos em WebGL: o Vatse Motion faz parte do Smart UI, com um atributo no HTML e redução de movimento respeitada.

Conhecer o Vatse Motion

PÁGINAS REAIS