Biblioteca de fragmentos de código CSS e Tailwind prontos para copiar: botões, animações e efeitos modernos para o teu site.
Uma biblioteca de fragmentos de código prontos a copiar e colar, organizados em botões, animações e efeitos CSS. Cada cartão mostra uma pré-visualização real do componente a funcionar ao lado do código completo, para veres o resultado antes de o levares para o teu projeto. Podes filtrar por categoria ou pesquisar por nome e pelo próprio conteúdo do código, e o filtro fica guardado no URL para partilhares.
Não dependes de capturas nem de documentação desatualizada: o que vês na pré-visualização é exatamente o que copias. O código usa HTML e CSS padrão ou classes de Tailwind, sem bibliotecas externas nem dependências que engordem o teu bundle. E como se copia com um clique, integrar um efeito demora segundos em vez de minutos.
Dar personalidade a um botão de call to action, acrescentar um hover com brilho aos cartões de uma landing, resolver um loader enquanto um formulário carrega, ou inspirares-te quando sabes que efeito queres mas não te lembras da propriedade CSS exata. É também um bom ponto de partida para aprender animações lendo código curto.
Ajusta durações e curvas de easing ao ritmo da tua interface: abaixo de 150 ms uma animação perde-se e acima de 400 ms parece lenta. Respeita a preferência prefers-reduced-motion de quem desativa o movimento. E adapta as cores do snippet às tuas variáveis de design em vez de deixares valores fixos.
Sim. São fragmentos livres que podes copiar, modificar e usar em projetos pessoais ou de cliente sem atribuição.
Não. São feitos com HTML e CSS padrão ou utilitários de Tailwind, sem dependências adicionais.
Sim. A marcação é genérica, por isso só tens de adaptar a sintaxe de classes ou atributos ao teu framework.
Sim. O filtro é guardado no URL, por isso podes partilhar diretamente o link para botões, animações ou efeitos CSS.
Sim, a biblioteca cresce periodicamente com novos efeitos e componentes.