Sobre esta prateleira

Ferramentas de código com IA produzem a mesma interface repetidas vezes: cards arredondados, sombras suaves, um gradiente roxo em algum canto. Elas conseguem fazer melhor. Ninguém diz a elas exatamente como é esse melhor, então este site é uma pilha de descrições exatas.

O que tem aqui

Snippets CSS (botões, cards e mais prateleiras conforme vão enchendo), estilos de design nomeados e recursos novos de CSS com suporte de navegadores conferido em setembro de 2026. Cada item tem o CSS, a marcação e um prompt que descreve o resultado em números, para uma ferramenta reconstruir sem ver o código.

O que não tem

Sem login, sem curtidas, sem biblioteca de componentes para instalar, sem framework. Os snippets são CSS puro, cada um isolado por uma classe. As demos em cada página são o CSS de verdade rodando, não capturas de tela. Se uma demo parece errada no seu navegador, o snippet precisa de conserto, e dá para perceber só de olhar.

De onde vem o conteúdo

Todos os snippets foram escritos para este site. Nada foi tirado do CodePen ou de um marketplace de componentes, o que importa porque esses vêm com licenças que não sobrevivem a serem colados num projeto de cliente. Os números de suporte de navegador nas páginas de Novo em CSS citam as fontes (notas de lançamento, Baseline, caniuse) para você conferir por conta própria.

Quem cuida disso

Uma pessoa, como projeto paralelo dentro de uma família de pequenos sites de ferramentas de propósito único. Custa mais ou menos um domínio por ano para manter. Se uma página tem um bug ou um número de suporte ficou desatualizado, o conserto mais rápido é mencionar o endereço da página num email para hello neste domínio.