Visualize sites prontos para produção, personalize o conteúdo com chat e clique para editar, ou baixe o projeto completo como um ZIP.
Pesquisa planetária no espaço profundo — um planeta estacionado abaixo da dobra da página se expande além da viewport, levando a um sobrevoo orbital controlado por rolagem, com quatro mundos e transições bruscas.
Site de produto de estúdio leve de seis páginas para uma marca de ciclomotores elétricos — cartões de UI flutuantes, toca-discos 360° controlado por rolagem, sequência de peças explodidas, seletor de acabamento em tempo real e transições de página com efeito cortina.
Arquivo editorial acolhedor de artefatos — uma fonte serifada de exibição se divide, cartões de artefato voam para a lacuna, colapsam em uma pilha de sete objetos controlada por rolagem, antes de um fechamento arquitetônico em sangria total.
Lançamento automotivo cinematográfico — uma capa de seda se levanta do carro ao rolar, seguida por uma corrida no deserto onde o carro passa na frente e atrás de um logotipo do tamanho da tela.
Um portal de pedra para seis mundos — o arco permanece fixo enquanto o mundo além dele muda através de uma máscara em forma de arco que se abre dentro da arcada, inundando além da pedra para sangria total.
Lançamento de produto para um micro-drone autônomo — o produto aterrissa em tipografia gigante, se desdobra com rolagem controlada e destaques anotados, e a página inverte de escuro para claro no meio da rolagem.
Página de destino de marca de teste de DNA — uma dupla hélice WebGL fixada em um vazio azul-marinho; a rolagem move a câmera ao longo da fita enquanto blocos de texto são revelados linha por linha a cada batida.
Startup de busca de conhecimento no local de trabalho com IA — uma cena de partículas fixas de milhares de sprites triangulares se transforma em cérebro → nuvem → lâmpada → globo → marca ao rolar por manifesto, equipe, investidores e CTA.
Slider hero de casa de moda — um único palco de produto em tela cheia com transições de imagem WebGL, miniaturas de filme e prévias de próximos looks para as peças stella, loria e mira.
Filme de lançamento para um aplicativo de foto para desenho animado, remapeado para seções fixas controladas por rolagem — fundo preto puro, tipografia neon pastel, parede de imagens, roda giratória e logotipo final.
Promoção de evento com gráficos de movimento 2D ilustrados — movimentos de câmera bruscos e transições mascaradas entre sete batidas, paleta magenta / amarelo de alta visibilidade / menta, lista de apresentadores e CTA para transmissão ao vivo.
Sequência de título de drama animado reencenada como um microsite controlado por rolagem — batidas de personagens 2D planas, fórmulas desenhadas à mão, cartões de elenco, lista de episódios e CTA para assistir.
Listagem de mercado de hipercarros selecionados — um palco fixo que alterna entre filmes de órbita, baía e 'push' do Enzo, seguido por uma ficha detalhada com especificações e CTA para contatar o vendedor.
Landing page de newsletter monocromática preta com UI de vidro líquido, revelação de palavras por rolagem, cartões de plataforma e vídeo CTA HLS.
Landing page escura de IA em tela cheia com vídeo hero CloudFront, título General Sans de 220px, gradiente de IA índigo→roxo→âmbar, barra de navegação de vidro líquido e letreiro de logotipo, e loop de fade com requestAnimationFrame.
Landing page premium de stablecoin fintech em #F5F5F5 com TT Norms Pro, vídeo hero, cartões de poupança, letreiro de apoiadores e painel de caso de uso de Comércio.
Hero de logística com tipografia Rubik, vermelho da marca #EE3F2C sobre preto, vídeo CloudFront em tela cheia (sem sobreposição), CTAs com cantos cortados e cartão de consulta de vidro.
Landing page de rolagem de duas seções com vídeo hero Cloudinary, tipografia Manrope/Italiana/Marck Script, paralaxe de nuvem vermelha (#FF0000), assinatura S.P.D e transformações de rolagem motion/react.
Hero preto em viewport total com Spline 3D de carregamento lento, título gradiente Orbitron, cartão de especificações técnicas e emblemas de pílula mono.
Hero de estúdio criativo vermelho em viewport total com vídeo CloudFront, cartões de estatísticas Britanica, duas marcas de logotipo e interações apenas com CSS.
Hero Web3 em tela cheia com General Sans, vídeo CloudFront e sobreposição preta/50, barra de navegação LOGOIPSUM, navegação suspensa, pílula 'Join Waitlist' com brilho em camadas e título gradiente.
Duas seções fixas em tela cheia com BubbleMenu de pílula GSAP, SpotlightReveal com rastro do mouse sobre vídeo react-player, cartão de estatísticas de vidro 78% e branding Nike swoosh.
Hero solar em tela cheia com alternância de tema Dia/Noite, transição de fundo 'pull-down', sobreposições de desfoque, tipografia Outfit e gaveta de navegação móvel.
Hero cinematográfico de vidro líquido com Instrument Serif, fades de vídeo em loop CloudFront, captura de newsletter e site de estúdio de sete páginas guiado pela curiosidade.
Hero SaaS verde com tipografia Neue Haas Grotesk, fundo de vídeo boomerang em canvas, navegação de desktop em pílula, gaveta móvel escalonada e bloco CTA FluxEngine.
Landing page de segurança de página única com tipografia Futura, vídeos hero CloudFront em tela cheia, barra de navegação em pílula e CTAs gradientes.
Mini-site SaaS de segurança de dados de sete páginas com vídeo hero em tela cheia, barra de navegação em pílula e tipografia Readex Pro preta/branca.
Tipografia Lato, vídeo hero CloudFront, cartões de propriedade, painel 'como funciona' e análises de investimento Recharts. Sete páginas com roteamento por hash, sem rodapé do site.
UI de registro de duas colunas com vídeo hero CloudFront, progresso em etapas, login social e animações de formulário motion/react.
Landing page de agência de design com shaders WebGPU empilhados, relógio de Londres ao vivo, CTAs de rolagem de texto, grade 'sobre' e estudos de caso em vídeo.
Mini-site de consultoria em biotecnologia de sete páginas com tipografia Poppins, cartões hero Mux HLS e rotas Sobre/Ofertas/Preços/Blog.
Hero de agência em viewport única com vídeo CloudFront em tela cheia, título Anton, barra de logotipos de clientes e CTAs de Cadastro / Login em tela #F5F3EE quente.
Hero de agência em viewport única com vídeo CloudFront em tela cheia, título Anton, cartões de logotipo de clientes e CTAs de Cadastro / Login pretos em tela quente.
Landing page cinematográfica escura em tela cheia com vídeo hero Cloudinary, título centralizado, barra de navegação de vidro líquido e movimento premium de desfoque e fade. Vite + React + Tailwind.
Mini-site de streaming de sete páginas com hero cinematográfico em viewport total, vídeo CloudFront, máscara de desfoque de fundo inferior, cromo de vidro líquido e escalonamento blurFadeUp.
Agência de automação de IA com vídeo hero fixo, tipografia Helvetica Now, movimento FadeUp, cartões de serviços e páginas de oferta, caso, tarifas, equipe e conexão roteadas por hash.
Hero de reserva de hotel roxo com vídeo CloudFront em tela cheia (sem sobreposição), pílula de anúncio em glassmorphism, “e” em itálico Instrument Serif e folha de navegação móvel Framer Motion.
Hero de vídeo CloudFront em tela cheia com título gradiente ShinyText, pílula de navegação com borda cinza e mini-site educacional de sete páginas.
Hero de energia renovável em viewport única com vídeo CloudFront, título StaggeredFade, barra de navegação e controle de reprodução em vidro líquido, CTAs com gradiente verde, marquee de parceiros e prova social de +37k.
Hero de bem-estar em vidro líquido sobre vídeo CloudFront, tipografia Geist, marca de logotipo infinito, navegação dropdown de Bem-estar e seções de rolagem para Rotina e Nossa Equipe.
Marca de calçados esportivos com menu bolha de pílulas GSAP, máscaras de vídeo em destaque e sete páginas com rotas de hash.
Portfólio Kanit escuro com retrato hero magnético, marquee de GIFs motionsites vinculado à rolagem, texto 'sobre' com revelação ao rolar, faixa de serviços branca e cards de projeto empilháveis e fixos.
Plano de fundo de vídeo CloudFront em página inteira, CTA hero centralizado, seções de rolagem Descobrir e Missão, e rodapé animado em vidro líquido com navegação Helvetica.
Seção de recursos de portfólio pessoal com UI em vidro líquido, linha do tempo de carreira, depoimento de cliente, ícones de ferramentas em marquee e vídeos hero CloudFront em tela escura.
Hero de espaço de trabalho escuro em viewport completa com vídeo bumerangue em canvas de três painéis, overlay de pílula no card central e CTAs de lista de espera.
Landing page de purificador de ar com máscara de destaque em canvas, SVG de grade parallax, navbar em pílula e menu hambúrguer mobile.
Hero DeFi em glassmorphism com tipografia Helvetica, plano de fundo de vídeo CloudFront, badge de staking fluido, card de estatísticas de rendimento e recorte de canto para documentação.
Hero DeFi em glassmorphism com tipografia Helvetica, plano de fundo de vídeo CloudFront, badge de staking fluido, card de estatísticas de rendimento e recorte de canto para documentação.
Landing page de IA expandida de uma página com overlays de hero com abas sobre vídeo CloudFront, animação fadeInUp, marquee de logotipo e navegação vinculada à rolagem (Soluções, Para Equipes, Sobre, Central de Aprendizagem). Vite + React + Tailwind.
Landing page de cuidados com a pele de três seções com slideshow de imagem + vídeo hero dividido, carrossel de mais vendidos com 'wheel hijack' e vídeos de categoria em sangria total.
Hero SaaS de mapeamento geo Inter com badge do Product Hunt, gradiente 'builder' + moldura de seleção pontilhada, vídeo de demonstração CloudFront, rotas de hash para Produto, Soluções, Recursos, Exemplos, Preços e Contato.
Carrossel de figuras de personagens em viewport completa com tipo de exibição Anton, overlay de grão e animações crossfade baseadas em função de 650ms.
Plataforma de dados em página inteira com vídeo hero CloudFront, vídeo com fade rAF de 250ms, tipografia Schibsted/Inter/Noto/Fustat, chrome de busca + badge, dropdown de navegação de Recursos com alvos de rolagem e seções Plataforma/Projetos/Comunidade/Contato conectadas.
Landing page violeta escura (#08020e) com vídeo hero parallax, mockup de dashboard (chat + prévia ao vivo), primeiro plano de grama, navegação em vidro líquido, Material Symbols e transformações de rolagem framer-motion.
Hero Mux HLS com 'scroll-scrub' de 500vh com tipo Dirtyline ScrollFloat, painel 'Sobre' de vidro com parallax 3D e marquee de marca, e navegação GSAP PillNav com preenchimento líquido.
Hero SaaS de segurança claro com gradiente de malha quente, entradas fadeUp do Framer Motion, ícones Zap/LockKeyhole/Fingerprint inline e folha de navegação mobile AnimatePresence.
Landing page de rolagem preta de seis seções para uma marca de RV elétrico: Instrument Serif + Inter, CTAs em vidro líquido, vídeos hero/recurso/CTA CloudFront, seção de declaração Mux HLS e animação fade-rise.
Hero de vídeo CloudFront em tela cheia com tipografia Inter, navbar em pílula, menu mobile escalonado e sete rotas de hash para plataforma, defesa de IA e insights.
Landing page de agência de página única em vidro líquido escuro com vídeo hero CloudFront, texto 'sobre' com revelação ao rolar, grade de trabalho com GIFs animados, parallax de vitrine Cleanshot e CTA Mux HLS.
Hero de viagem com tipografia Barlow, Inter e Dirtyline, vídeo hero CloudFront, parallax de mouse GSAP, pílula de navegação em vidro líquido e CTA de reserva segura. Fonte Vite completa no ZIP.
Landing page de página única clara com hero de vídeo CloudFront arredondado, título Outfit, marquee de logotipo svgl, navegação de dock de vidro flutuante e seções de rolagem para Recursos, Ecossistema, Documentos e Contato. Vite + React + Tailwind v4 + motion.