← Todas as publicações

Essa é a biblioteca de elementos pra páginas e front do momento

De graça. Open source. Confesso que eu tô com ciúme de compartilhar. 516 componentes, 131 animados, 189 seções, 11 painéis. MIT.

Essa é a biblioteca de elementos pra páginas e front do momento. De graça. Open source.

Confesso que eu tô com ciúme de compartilhar essa parada.

O site é o ui.watermelon.sh. Sem login. Sem cartão. Você entra e usa.

A home do Watermelon UI
A home do Watermelon UI

O tamanho de verdade

Na landing deles está escrito 600+ componentes e 100+ animações. É o marketing da própria página. Eu e a IA mapeamos o catálogo hoje, 5 de setembro: 516 componentes, 131 animados, 189 seções de página, 11 painéis, 1 template de landing e 2 showcases. Soma: 850 peças.

  • 516 componentes em 30 categorias. Só de alerta, 30.
  • 189 seções de página em 22 categorias. 43 heros. 31 rodapés. 13 logins. Ninguém tem 43 heros.
  • 131 componentes animados em 26 categorias. Só de micro-interação, 43.
  • 11 painéis prontos, com nome. 1 landing inteira. 2 páginas de lançamento já montadas.

É um dos catálogos mais fartos que eu já abri. O que a gente refaz toda semana aqui — hero, login, preço — já está lá.

As 22 categorias de bloco
As 22 categorias de bloco
Os 43 heros e os 13 blocos de login, rolando

Dashboard aberto. Copia o código. Cola na IA.

Os 11 painéis não são print. São sistema rodando: sidebar, métrica, pipeline, claro e escuro. O Astrix é um deles — compliance de comércio, com precisão, fila e risco na primeira tela.

Astrix Dashboard em 05/09/2026: preview, source code, comando de instalação e o botão de tema no topo
Astrix Dashboard em 05/09/2026: preview, source code, comando de instalação e o botão de tema no topo

Em cima de cada painel tem Preview e Source Code. Do lado, o comando pra instalar. Embaixo, três ícones: Lovable, v0 e Bolt. Não abre o app sozinho. Copia o prompt pra você colar lá. É o atalho de quem não quer montar JSON na mão.

Os 11 painéis prontos

Light e dark. Os 600 elementos na sua frente.

No canto tem um botão de lua: Toggle dark/light mode. Você troca o tema do site e vê o componente nos dois. Sem conta. Sem recarregar a ficha.

Continue lendo

Falta o resto desta edição

Inscrição única, uma vez só. Libera esta e todas as outras edições, e você recebe as próximas no e-mail assim que entrarem no ar.

Ao se inscrever, você concorda em receber as edições da Newsletter Nomics Tech. Sai quando quiser, num clique no pé de qualquer e-mail.

Nomics Tech

A IA que você viu aqui pode rodar no seu negócio

Tudo que você lê nesta newsletter sai da nossa operação real. A Nomics Tech implementa IA personalizada no seu negócio: seus contextos, seus processos, sua ferramenta. E no final, você fica com a chave.

Conhecer a Nomics Tech →
Tem um projeto de lançamento? Conheça a Nomics Coprodução e como podemos escalar o seu projeto →

nomicstech

A newsletter que a Nomics usa pra trabalhar

Checklists, prompts, contextos e sistemas que rodam a nossa operação todos os dias. Material novo toda semana, de graça.

Ao se inscrever, você concorda em receber as edições da Newsletter Nomics Tech. Sai quando quiser, num clique no pé de qualquer e-mail.

Essa é a biblioteca de elementos pra páginas e front do momento · Nomics Tech