prova viva A App de Sismos Os sismos do mundo em tempo real, de uma API pública — feita só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva A App do Tempo A meteorologia da tua cidade, ao vivo, de uma API pública gratuita — feita só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva A banda que não para Bandas de texto ou logos a correr em loop perfeito — ritmo e energia de marca.
Abrir e tocar → prova viva A Calculadora Uma calculadora real, feita só com HTML, CSS e JavaScript — das fundações ao telhado.
Abrir e tocar → prova viva A camada de cinema Camada de cinema sobre a cena 3D — bloom, aberracao cromatica, grao, glitch — aplicada a toda a imagem.
Abrir e tocar → prova viva A direcção do movimento Sequencias, transicoes e ritmo de filme — direcao acima de decoracao.
Abrir e tocar → prova viva A fonte que sente O peso, largura e inclinacao das letras animam ao vivo com hover/scroll/cursor — uma so fonte que se torna elastica.
Abrir e tocar → prova viva A forma que se torna outra Um so caminho transforma-se fluidamente entre formas muito diferentes, interpolando os pontos mesmo sem correspondencia.
Abrir e tocar → prova viva A galeria que se atira Galeria/carrossel que se atira com o dedo e desliza com momentum e travagem natural, em vez de saltar slide a slide.
Abrir e tocar → prova viva A imagem que se liquefaz Imagens que se liquefazem e separam os canais RGB ao passar o cursor — distorcidas por shader, nao pelo layout.
Abrir e tocar → prova viva A Lista de Tarefas Uma lista de tarefas real — criar, concluir, apagar e lembrar — feita só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva A luz que revela Uma lanterna que segue o cursor — uma mascara radial que descobre uma camada escondida (imagem, texto invertido, segredo) no escuro a volta.
Abrir e tocar → prova viva A Página com Login Uma página com login (Google, Apple, email) e área privada — o fluxo real, demonstrado de forma segura, com HTML, CSS e JavaScript.
Abrir e tocar → prova viva A peça que se configura Scrollytelling de produto no auge — o objeto roda e responde ao scroll, ligado a narrativa.
Abrir e tocar → prova viva A tinta viva O cursor espalha tinta viva — uma simulacao Navier-Stokes na GPU que pinta cor que responde e dissolve.
Abrir e tocar → prova viva A travessia Salas/mundos 3D imersivos que se exploram ao rolar — o topo do experiencial.
Abrir e tocar → prova viva Alma Abrir e tocar → prova viva Aterra Cinema A assinatura nº1 dos premiados — o scroll desliza com inercia, sensacao cinematografica.
Abrir e tocar → prova viva Aterra Cinema Abrir e tocar → prova viva Aterra Clara A fonte certa carrega metade da identidade — escolha de foundry, par serif+mono, escala.
Abrir e tocar → prova viva Génese Abrir e tocar → prova viva Inspirações reais Abrir e tocar → prova viva O Conversor Um conversor de moedas com valores ao vivo de uma API pública — feito só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva O Cronómetro Um cronómetro Pomodoro real — foco e pausa — feito só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva O cursor que te conhece Substituir o cursor por um elemento que segue, cresce e reage ao conteudo — assinatura tactil.
Abrir e tocar → prova viva O desfoque que respira Um gradiente de desfoque (nao opacidade) que funde header/footer no conteudo — profundidade suave.
Abrir e tocar → prova viva O detalhe que encanta O gesto pequeno que encanta — hover, estados, feedback. A obra esta no detalhe.
Abrir e tocar → prova viva O Gerador de QR Code Transforma um link ou texto num QR Code e descarrega-o — feito com HTML, CSS, JavaScript e uma biblioteca aberta.
Abrir e tocar → prova viva O gradiente que respira Um fundo de varias cores que ondula em camara lenta, guiado por ruido simplex — o gradiente vivo da Stripe.
Abrir e tocar → prova viva O Jogo da Memória O jogo da memória — encontra os pares — feito só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva O Jogo do Galo O jogo do galo (três em linha) — dois jogadores, com deteção de vitória — feito só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva O líquido que se junta Formas e texto que se fundem e separam como mercurio, via filtros SVG nativos (blur + matriz de cor), sem WebGL.
Abrir e tocar → prova viva O movimento que respira Textura e vida sem shaders a mao — vetor interativo e fisica de molas.
Abrir e tocar → prova viva O mundo em caracteres A cena inteira re-desenhada como ASCII de CRT ou dithering ordenado — um passo de GPU que torna o foto-real em poesia de pixels.
Abrir e tocar → prova viva O Player de Música Um leitor de música com lista, controlos e barra de progresso — feito só com HTML, CSS e JavaScript (som sintetizado, sem ficheiros).
Abrir e tocar → prova viva O que cai e se arrasta Etiquetas/cartoes com peso real: caem, colidem e arrastam-se com inercia e ressalto, como objectos numa caixa.
Abrir e tocar → prova viva O que se prende sozinho Tooltips, menus e popovers presos a qualquer elemento e a auto-virar na borda do ecra — tudo em CSS, apagando a lib de posicionamento JS.
Abrir e tocar → prova viva O Quiz Um quiz interativo com perguntas, pontuação e resultado — feito só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva O Snake O jogo da cobra (Snake) — movimento, comida e colisão — feito só com HTML, CSS e JavaScript.
Abrir e tocar → prova viva O som que quase ninguém trata Micro-sons de hover/click e ambiente leve — uma dimensao que quase ninguem trata, presenca rara.
Abrir e tocar → prova viva O tempo na ponta do dedo Um produto roda quadro-a-quadro ao scroll — centenas de frames num canvas mapeados ao scroll (o efeito do AirPods).
Abrir e tocar → prova viva O texto que se decodifica Texto que aparece como ruido cifrado e desencripta letra a letra ate a palavra final — estetica terminal.
Abrir e tocar → prova viva O texto que se desfaz Letras que ondulam, derretem e se reagrupam — distorcao GLSL guiada pela velocidade do scroll ou pelo cursor.
Abrir e tocar → prova viva O texto que vive no espaço Tipo nitido e kerned a viver DENTRO da cena 3D — parseado de fontes reais e desenhado como signed-distance fields, afiado a qualquer zoom.
Abrir e tocar → prova viva O traço que se desenha Linhas, mapas e assinaturas que se desenham a si proprios ao rolar — tracos revelados ao longo de um caminho ligado ao scroll.
Abrir e tocar → prova viva O vidro que dobra a luz Materiais de vidro, refracao e fisica de luz — 3D ao mais alto nivel.
Abrir e tocar → prova viva Paleta Aterra em OKLCH Cor perceptualmente uniforme; accent raro tratado como sagrado.
Abrir e tocar → prova viva Protótipo 1 Abrir e tocar → prova viva Protótipo 10 Pontos e tramas de impressao (CMYK/retro) que dao materialidade analogica — alma de papel.
Abrir e tocar → prova viva Protótipo 11 Abrir e tocar → prova viva Protótipo 2 Abrir e tocar → prova viva Protótipo 3 Abrir e tocar → prova viva Protótipo 4 Abrir e tocar → prova viva Protótipo 5 Abrir e tocar → prova viva Protótipo 6 Abrir e tocar → prova viva Protótipo 7 Abrir e tocar → prova viva Protótipo 8 Abrir e tocar → prova viva Protótipo 9 Abrir e tocar → prova viva Sigilo Aterra em Ti Um enso/sigilo que pulsa devagar — a assinatura viva da identidade Aterra.
Abrir e tocar → prova viva Travessia Um fundo de luz/shader que reage a velocidade e direcao do scroll (humor noite -> amanhecer).
Abrir e tocar → prova viva Travessia sem corte Navegar entre paginas sem corte branco — continuidade cinematografica.
Abrir e tocar → prova viva Um shader, dois mundos Um shader escrito em JavaScript (TSL) que compila para WGSL e GLSL — compute shaders e pos-FX mais rapidos do que o WebGL alguma vez deu.
Abrir e tocar →