Biblioteca de efeitos, componentes, interações, portfólios e interfaces de IA. Curada pela comunidade — 20 posts e crescendo.
Grid of pixels with randomised opacity every frame, paired with a radial vignette. As seen on monologue.to.
Words appear letter by letter as they enter the viewport. Pure CSS — zero JS, zero dependencies.
Button with a fluid blob hover animation using CSS clip-path transitions and custom easing.
Elements that attract the cursor with spring physics on mouse proximity — no library needed.
Card with backdrop-filter blur, saturation boost and subtle light border that works on any background.
Three neon variants — outline glow, solid fill and ghost — built with stacked box-shadow.
Characters randomise then resolve into the target word — a classic cyberpunk effect in ~30 lines.
Thousands of particles connected by proximity lines, reacting to mouse position via WebGL.
Full-width hero with animated gradient, feature grid and CTA — ready to drop into any product.
Login form with frosted background, floating labels and smooth focus state transitions.
Cards tilt on mouse move using CSS perspective and transform-style preserve-3d with a glare layer.
Animated gradient flowing through text using background-clip and a moving CSS gradient.
Full brand identity: logo, color system, type scale and component library for a B2B SaaS product.
Swipe-to-open drawer with spring animation and overlay — works as pure CSS on touch devices.
Interface de monitoramento de agentes de IA com status em tempo real, log de tokens e visualização de tool calls.
Campo de prompt com indicador de streaming, contador de tokens e animação de carregamento — pronto para Claude API.
Portfólio de desenvolvedor focado em IA: seção de projetos com agentes, skills e demos interativas com Claude.
Componente que mostra em tempo real quais ferramentas um agente está chamando, com inputs, outputs e latência.
Efeito de digitação com cursor piscante que simula o streaming de respostas de LLMs — variações de velocidade incluídas.
Interface para listar e testar ferramentas de um MCP server — botões de trigger, response preview e esquema de input.