Biblioteca Gratuita de Componentes para suas Páginas e Sistemas

Passei a plataforma pra IA mapear quantos componentes ela mostrava.

Às 10h38 o catálogo mostrava 249.

Às 10h40, 251.

No print final, 258.

Eu não vou fingir que sei o mecanismo. Pode ser publicação nova, cache ou rollout entre servidores. O fato verificado é outro: a contagem exibida mudou durante a própria checagem.

Por isso eu não vou te dar um número fechado nessa newsletter. Vou dizer mais de 250 e você pode encontrar outro número quando abrir. É esse tipo de biblioteca.

O nome é OriginKit: originkit.dev. Componentes animados pra site moderno. De graça no beta. E com um caminho de uso que quase ninguém está mostrando.

Vamos por partes.

O que tem lá dentro (medido hoje)

O catálogo é dividido em nove categorias: Text, Button, Border, Image, Image Gallery, Cursor, Interactive Elements, Animations e Background.

Não é uma lista de botão com hover. É a camada visual inteira de uma landing page: fundo animado, cursor customizado, efeito de texto, galeria, borda que reage.

Agora a parte que muda o cálculo de tempo.

Além dos componentes soltos, existem 48 seções prontas. A distribuição na checagem de hoje: 37 Hero, 4 Features, 3 Pricing, 2 Call to action e 2 Footer.

Repara na assimetria. 37 heroes contra 3 pricings.

Isso te diz exatamente onde a biblioteca é forte: o topo da página. A dobra que precisa parar o scroll. O resto da LP você continua montando, e continua sendo copy, não efeito.

E tem mais uma camada acima: 11 templates completos, com 3 a 9 páginas cada. Todos marcados FREE no catálogo de hoje.

Repete comigo: no catálogo de hoje. A plataforma está em beta. Preço, limite e disponibilidade podem mudar. Se você quer usar, usa agora e salva o que baixou.

O detalhe que separa isso de um Pinterest de componentes

Biblioteca bonita não é notícia. Tem dez.

O que me fez parar foi o preview.

Cada componente abre rodando ao vivo, com painel de controle do lado. Peguei o Black Hole como caso porque ele deixa a diferença impossível de ignorar.

Os controles expostos nele: center on/off, background, orbit radius, particle count, particle size, speed, trail, tilt, sideways tilt, gravity inflow e paleta de cores.

Onze parâmetros. Você mexe e ele responde na hora.

Pensa comigo: a diferença entre uma biblioteca de componente e um catálogo de screenshot é essa.

Tem uma trava importante: quando você tenta transformar a customização em uma instância salva, a plataforma pede login. O preview deixa testar. Salvar a versão personalizada exige conta.

E o mesmo Black Hole aparece dentro de seções prontas do catálogo. Então dá pra pegar o efeito isolado ou pegar ele já montado numa hero com título e botão.