Biblioteca de Sites Animados para você se inspirar

O Scrolltide é uma biblioteca de sites com movimento guiado pela rolagem em que cada template vem como um prompt completo: as tecnologias, a ordem de montar e o código de cada arquivo. Dos 94 templates, 4 são grátis. O que tem dentro do prompt e quanto custa o resto.

Quando você pede um site premium pra IA em uma frase, ela devolve algo que funciona e não é o que você imaginou. Aí começa a sequência: deixa o título maior, mais premium que isso, por que tá tudo roxo. A própria página do Scrolltide desenha essa conversa com vinte pedidos, e a conclusão deles é direta: o Claude sabe programar, ele só não enxerga o site que está na sua cabeça.

O Scrolltide ataca isso pelo tamanho da instrução. É uma biblioteca de templates e prompts de sites com movimento guiado pela rolagem, em que cada peça vem como um prompt completo pra colar no Claude, no Cursor ou no v0. A maior parte é paga, e 4 templates são grátis pra sempre, com o mesmo tipo de prompt dos pagos.

O que tem na biblioteca

A home mostra cinco prateleiras:

• 94 templates: landing pages inteiras, primeiras dobras, portfólio, e-commerce e sites 3D
• 26 componentes: carrosséis 3D, botão de vidro, cards, texto que aparece em foco
• 55 shaders: fundos animados que rodam na placa de vídeo, com MP4, imagem parada e código
• 18 seções: preço, contato, recursos, chamada e rodapé
• 14 telas de app: painéis, carteiras e consoles, a parte que a pessoa usa depois do cadastro

Cada card roda a gravação do site pronto, então dá pra ver o movimento antes de copiar qualquer coisa. E a página diz que entram templates novos toda sexta-feira.

Os quatro grátis

Na página Templates grátis estão os quatro: Glacier, Fluxora, Monsoon e Aurora. Três são primeiras dobras e um é landing page. A página avisa que eles não são teste nem prévia com marca d'água, e usam o mesmo tipo de prompt do resto da biblioteca.

Sem conta, dá pra copiar um prompt. Depois aparece o aviso pra entrar, e os termos dizem que copiar mais de um template grátis pede conta.

O que tem dentro de um prompt deles

Abrindo o Glacier, você vê a gravação do site e o botão Copiar o prompt. O prompt que ele copia tem 18.727 caracteres e funciona como um roteiro de montagem, bem além de uma descrição do visual:

• O que é o projeto, em um parágrafo: cada elemento da tela e onde ele fica
• As tecnologias obrigatórias: Vite, React 19, TypeScript, Tailwind v4 e Framer Motion, com o aviso de não trocar nenhuma
• Os passos de montagem, na ordem, incluindo baixar o vídeo de fundo real, que já vem com o endereço
• O código completo de cada arquivo, do index.html ao componente da primeira dobra
• Notas de design explicando as escolhas que parecem erro e não são, como o botão em elipse de propósito

A página Por que o Scrolltide explica o raciocínio com aquela conversa de vinte pedidos. Vale abrir mesmo que você não vá pagar, porque é uma boa aula sobre o que a IA precisa receber pra fazer site com movimento.

O que é pago e quanto custa

Todo o resto é pago. Os preços abaixo são os que aparecem pra quem acessa do Brasil, com o preço regional que o próprio site diz já aplicar:

• Mensal: US$ 15 a cada 30 dias, com uso justo de 10 templates premium por semana e sem a coleção 3D, as telas de app e os shaders
• Anual: US$ 89 por ano, sem limite
• Vitalício: US$ 159, pagamento único

Dois avisos da página de preços: não tem reembolso, nem na renovação que você esqueceu de cancelar, e o mensal e o anual renovam sozinhos. Os planos pagos têm licença pra uso próprio e em projeto de cliente. Pros grátis, os termos não dizem nada específico, então pra página de cliente eu perguntaria antes.

Como eu usaria

Eu pegaria um dos quatro grátis, colaria o prompt inteiro no Claude Code dentro de um projeto vazio e deixaria ele montar igual ao original primeiro. Só depois de ver funcionando eu trocaria o texto, as cores e a marca, conversando com a IA seção por seção.

A ordem importa. Se você edita o prompt antes de rodar, perde justamente o que ele tem de bom, que são as decisões já tomadas. A página deles diz isso de outro jeito: o template decide onde você começa, nunca onde você termina.

Os quatro grátis estão aqui: scrolltide.co/free.