Framework CSS & JS leve, performático e modular com micro-interações nativas, animações de scroll e design de alto impacto.
Componentes otimizados com uma linguagem visual moderna, acessível e minimalista.
Classes utilitárias expressivas de rápida digitação para construir interfaces completas em instantes.
Gerenciamento inteligente de modo escuro/claro com transições suaves e variação HSL.
Desempenho máximo com JavaScript moderno e CSS puro. Sem dependências pesadas.
Animações bidirecionais ativadas por scroll com atributos declarativos como data-sw-scr.
Componentes em conformidade com ARIA, suporte a leitores de tela e reduzida movimentação.
Cards, Modais, Drawers, Badges e Carrosséis desenhados para impressionar de primeira.
Não são imagens estáticas — cada peça abaixo é um módulo real do SW rodando nesta página.
dist/ e comece — sem npm, sem bundler.Botões com gradientes, micro-interações de hover e excelente feedback tátil.
Campos de texto modernos com rótulos flutuantes e validação visual de foco.
Efeitos declarativos via atributo HTML — sem escrever uma linha de JavaScript.
Construímos
Arraste o card abaixo.
O SW não para no CSS/JS — inclui backend, sintaxe e um motor de animação premium opcional.
Router, Model, QueryBuilder, Auth e RBAC — um micro-framework MVC nativo, sem Composer.
Camada opcional com GSAP vendorizado — scroll-trigger, drag, flip e transições de página.
Syntax highlighter nativo com 5 temas e cópia em 1 clique — o que você está vendo nesta doc.
Todos os componentes, módulos e páginas de documentação organizados por categoria.
Comece a construir páginas extraordinárias com o SW Framework.
Começar Agora