Aurora Mesh
aurora-meshAurora de gradientes en malla que respira lento detrás de una tarjeta de vidrio con el mensaje; loop perfecto de 10 s (el fotograma 0 y el 10 son idénticos), ideal como video de fondo de un hero o presentación de producto.
aurora-meshAurora de gradientes en malla que respira lento detrás de una tarjeta de vidrio con el mensaje; loop perfecto de 10 s (el fotograma 0 y el 10 son idénticos), ideal como video de fondo de un hero o presentación de producto.
blender-productObjeto de vidrio esmerilado con glifo de acento sobre base satinada, ciclorama de estudio, giro de 360° en loop y profundidad de campo; títulos mínimos encima.
brutalist-popBloques de color sólido con borde negro y sombra dura, tipografía Archivo Black, sticker y marquesina; cambio de color al drop.
code-explainerPanel de editor claro con un SKILL.md resaltado a mano: foco línea por línea, callouts conectados que explican name, description y allowed-tools, y un bloque diff que se añade al final; ideal para explicar código paso a paso.
dark-terminalVentana de terminal con comandos tecleados y salida con checks sobre grid oscuro.
data-storyKPIs con conteo animado, barras comparativas y línea de tendencia que se dibuja, en cards Liquid Glass.
editorial-serifPágina de revista: Fraunces, filetes finos, capítulos I–III y grano de papel.
extruded-3d-titlePalabra en tipografía 3D extruida (cara laqueada + canto metálico del color de acento) que se levanta letra por letra en un estudio claro con sombras suaves, dolly-out y órbita lenta de cámara, destello de luz y subtítulo en HTML; la palabra 3D solo admite ASCII (helvetiker no trae acentos), el texto con tildes va en el subtítulo.
glass-3dPlacas de vidrio 3D estilo Apple Liquid Glass con titulares Geist; explica conceptos por capas.
isometric-pastelMundo isométrico low-poly en pastel; bloques que caen con rebote y se apilan mientras aparecen chips con su nombre.
karaoke-captionsSubtítulos grandes palabra por palabra sincronizados con una voz generada en local, con la palabra activa en color de acento y pop, onda de voz horneada y fondo de gradiente vivo; para cambiar el texto hay que regenerar voz y tiempos (say → whisper-cli -ml 1 -sow -oj → arreglo WORDS).
kinetic-typePalabras gigantes una por una con cortes rápidos y un barrido de color; ideal para los primeros 3 segundos.
lower-thirdsPaquete de gráficos para superponer a footage: rótulo de nombre y cargo, bug de marca con indicador en vivo y pill de suscripción con clic animado; con showBg=false exporta con canal alfa.
manim-diagramDiagrama de flujo que se construye nodo por nodo con flechas y un pulso que recorre el camino; tema claro con Geist.
paper-collageRecortes de papel rasgado sobre kraft, con sombras en capas, cinta adhesiva y tinta a mano que tiembla a 12 fps como stop-motion; elígelo cuando el mensaje deba sentirse cercano, hecho a mano y fácil de entender.
particles-hero14 000 partículas que se ordenan en una esfera que respira y vuelven a dispersarse; loop perfecto con titular centrado.
retro-vhsVideocámara VHS de los 80/90: barras de color, OSD PLAY/REC con timecode, scanlines, split RGB, barras de tracking y apagado de CRT; para promos y redes con guiño nostálgico.
route-mapMapa minimalista claro dibujado en SVG local (sin tiles): la ruta se traza sola, un vehículo la recorre, las paradas aparecen con su chip y una tarjeta de envío cuenta km hasta «Entregado»; ideal para logística, tracking o para contar un proceso como un viaje de A a C.
shader-flowGradiente líquido en GLSL con domain warp que hace loop perfecto a los 10 s, con título mínimo serif + sans al centro; para heroes de landing, loops de fondo y visuales musicales elegantes.
swiss-gridEstilo Tipográfico Internacional: retícula de 12 columnas visible, grotesca gigante alineada a la izquierda y un módulo rojo que se desliza columna a columna sobre los puntos 01/02/03; elígelo para explicar algo con orden y autoridad.
synthwave-gridGrid de neón infinito hacia un sol retro a franjas, montañas con borde neón y título cromado ochentero; para lanzamientos, música y gaming con energía outrun.
ui-walkthroughVentana de app con cursor que hace clic, menú, tecleo, zoom al detalle y pasos numerados flotantes.