111 componentes grátis que deixam a página com cara de produto caro

Esse MacBook gira quando você rola a página. É o efeito que fez o Aceternity famoso.

No post eu libero o prompt pra mandar a IA instalar na primeira dobra, com a tela do seu produto, sem pesar a página.

O ui.aceternity.com tem parte paga. O que interessa pra maioria está no gratuito. São 111 componentes no catálogo aberto. Você entra, vê rodando, copia. Sem conta, sem cartão.

O pago é All-Access: bloco e template de página inteira, pagamento único. Nada do que eu mostro aqui está atrás disso. E você não instala a biblioteca inteira. Entra na ficha, pega um efeito, sai. A maioria pede Motion e Tailwind. Se o projeto já tem, cola e ajusta cor. Se não tem, manda a IA ler a documentação e instalar só o que aquele efeito pediu.

O que fez o site famoso: o MacBook Scroll

O nome no catálogo é Fey.com Macbook Scroll. A ficha diz isso sem enrolar: você rola a página e a imagem sai da tela, como no site da Fey. O notebook abre. Gira. A tela sai da tampa. Uma interface flutua na frente, em perspectiva.

É o efeito que colocou o Aceternity na boca de todo mundo que monta landing. Não é um fundo. Não é um botão. É um objeto 3D amarrado no scroll. A pessoa desce um pouco e o produto se explica sozinho.

Serve numa coisa só: primeira dobra de página de produto, com headline curta. O MacBook é a demo. Headline em cima, ou na frente. Duas linhas. O notebook faz o resto. A pessoa entende o produto sem ler parágrafo.

Não serve no meio de artigo. Não serve atrás de formulário. Não serve em página de conteúdo longo. Não serve em dashboard. O scroll vira o espetáculo, e o que estava pra converter perde. Se a pessoa precisa ler, esse não é o bloco.

Na ficha você troca a imagem da tela. Sem isso, o notebook mostra o exemplo deles, não o seu produto. Screenshot real do app, da oferta, da tela que você vende. Placeholder mata. Headline por cima precisa de contraste: letra clara em cima de tela clara some.