O Framework que
acelera tudo.
CSS + JS em ~82kb. Zero dependências, 77 componentes, +450 variáveis e Backend PHP nativo. Interfaces premium do zero ao deploy.
Performance extrema
~82kb total (gzip). CSS 58kb + JS 24kb. Zero dependências externas - carrega instantâneo.
Design System Nativo
+450 variáveis CSS para customização total. Paleta cromática premium e tipografia otimizada.
77 Componentes
CSS, JS e Backend PHP nativos. Modal, Auth, ORM, Router e muito mais. Tudo incluso.
Animações Nativas
Motor de animações por GPU integrado. Transições fluidas e reveal scroll com zero configuração.
Componentes Premium Prontos
Cada detalhe foi refinado para uma experiência de usuário excepcional.
Simplicidade que escala.
O Y2 foi projetado para eliminar a fadiga do desenvolvimento moderno. Chega de configurações complexas
de build ou gigabytes de node_modules. Foque no valor, não na estrutura.
-
Zero Dependências Externas (Pure Vanilla)
-
CSS Atômico + Component-Based Architecture
-
Totalmente extensível via Variáveis CSS
// API disponível globalmente:
Y2Day.set('dark'); // tema dark/light
Y2Modal.show('#meuModal'); // abrir modal
Y2Alert.show('Salvo!', { type: 'suc' });
Y2.reinit(); // re-inicializa via AJAX
Eleve o nível do seu projeto hoje.
Comece a usar o framework que combina a flexibilidade do CSS Vanilla com o poder das interfaces modernas.
Sistema de Grid Moderno
Um grid flexível de 12 colunas, baseado em Flexbox, com classes semânticas e ultra-curtas.
<div class="l g-m"> <div class="co6">Metade da largura</div> <div class="co6">Metade da largura</div> </div>
Cores Vibrantes & Harmoniosas
24 famílias de cores cuidadosamente selecionadas para interfaces profissionais.
/* Uso simples via variveis */
.meu-elemento {
background: var(--prin);
color: var(--y2-txt-bas);
border: 1px solid var(--y2-bor);
}
Começo Rápido
Pronto para a nova era? Integre o Y2 em segundos no seu fluxo de trabalho.
<!-- CSS Principal --> <link rel="stylesheet" href="https://y2.sanweb.com.br/dist/y2.min.css?v=2"> <!-- Script Principal --> <script src="https://y2.sanweb.com.br/dist/y2.min.js" defer></script>
Explore a Documentação
Mergulhe fundo em cada módulo e domine o ecossistema Y2.