⚡ SW Framework v0.0.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.

Explorar documentação Ver SWCode (Sintaxe) Layout & Grid

app.js

0 dependências

84 Componentes

45 Módulos JS

90 Efeitos de Animação

2658 Ícones SVG

0 Dependências

0.1.0 Versão Alpha

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

Instalação

Ainda não publicado em registro (npm/CDN). Use os bundles prontos em dist/ ou clone o repositório.

// 1. Inclua os bundles

<link rel="stylesheet" href="dist/sw.min.css?v=8">
<script src="dist/sw.min.js?v=9" defer></script>
<!-- opcional: efeitos, transições e GSAP premium -->
<script src="dist/sw.compl.min.js?v=9" defer></script>

// 2. Ou clone e faça o build

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.