⚡ SW Framework v1.1.1

O Framework que acelera tudo.

Ecossistema nativo de alta performance para a web. CSS modular, zero dependências pesadas, componentes acessíveis e realce de sintaxe integrado.

Baixar o SW Framework Explorar Componentes

Também mantemos um back-end PHP à parte: SWMVC.

app.js

0 dependências

85 Componentes

45 Módulos JS

90 Efeitos de Animação

2658 Ícones SVG

0 Dependências

1.1.1 Versão Estável

Produto separado

SWMVC Starter Kit

Back-end PHP 8.3 + MySQL da mesma casa, com domínio e repositório próprios. Conhecer

Sintaxe

SWCode Integrado

Syntax highlighter nativo com suporte a JS, CSS, HTML, JSON, PHP e Bash, com 5 temas e cópia em 1 clique.

Layout

Grid Atômico

Sistema flexível de 12 colunas com sufixos de breakpoint (.co6-m, .g-gg) e shortcuts.

Tema

SWDay (Dark/Light)

Alternância instantânea de tema claro e escuro armazenada no localStorage sem FOUC.

Motion

Catálogo Motion

90 efeitos reais — 22 animações de entrada, 20 micro-interações de hover, 16 loops contínuos e 25 variantes de scroll-reveal, mais tilt 3D, magnetismo e scramble via SW-FX.

Começar agora

Como baixar

Três formas de pegar o SW Framework — escolha a que combina com seu fluxo de trabalho.

NPM

Pra projetos com build

Se seu projeto já usa npm/bundler.

GITHUB

Clonar e fazer o build

Pra quem quer o código-fonte completo e customizar o build.

DOWNLOAD DIRETO

Sem terminal nenhum

Baixa o .zip, extrai e já usa dist/sw.min.css + dist/sw.min.js.

Baixar .zip

Depois de instalar (npm ou github), inclua o bundle — um arquivo de cada, tudo incluso:

// Inclua o bundle (núcleo + efeitos + transições + GSAP premium, tudo num arquivo só)

<link rel="stylesheet" href="dist/sw.min.css">
<script src="dist/sw.min.js" defer></script>

Não quer instalar nada? Aponte direto pro nosso domínio:

// Direto do sw.sanweb.com.br — sem baixar, sem hospedar

<link rel="stylesheet" href="https://sw.sanweb.com.br/dist/sw.min.css">
<script src="https://sw.sanweb.com.br/dist/sw.min.js" defer></script>

Demonstração Interativa

Módulos SW ao vivo

Cada botão abaixo dispara um módulo real do SW — não é ilustração estática.

Resumo de Recursos do Sistema
ID	Módulo	Descrição
1	SWCode	Highlighting nativo zero-dependência
2	SWLayout	Grid atômico de 12 colunas
3	SW-FX	Scramble, typewriter, tilt e magnetismo nativos

SW-FX ao vivo — passe o mouse em cada card:

Scramble

Embaralha e resolve as letras deste título.

Tilt 3D

O card inteiro inclina 3D acompanhando o ponteiro.

Magnetismo

O botão é puxado suavemente pelo cursor.

Este bloco revela suavemente ao entrar na tela via sw-scr="up" — role a página pra ver de novo.