// 01 · PULSO
Pulse glow
Pulso radial expansivo. Ideal para botones de acción, indicadores de estado activo o notificaciones.
// Universo creativo
MUNDO KOI
Galería de animaciones, microinteracciones y efectos. Hovereá las cards, copiá el código y usalo en tu proyecto. Todo construido con CSS y SVG puro, sin librerías.
// 02 · 3D
Cubo rotante 3D
Cubo de 6 caras girando con perspective CSS. Sin librerías, solo transform 3D.
// 03 · BLOB
Liquid blob
Forma orgánica que muta con border-radius variable. Genial para fondos modernos.
// 04 · HOVER
Botón magnético
Escala suave con curva bezier exagerada. Genera sensación de "atracción" táctil.
// 05 · GLITCH
Glitch text
Efecto de fallo digital usando ::before y ::after con offsets RGB. Perfecto para hero edgy.
// 06 · 3D · HOVER
Flip card 3D
Tarjeta que voltea al hover, mostrando la cara trasera. Útil para ofertas o "tras la información".
// 07 · LOADER
Audio wave loader
Equalizador animado. Ideal para indicar audio, voz o procesamiento en tiempo real.
// 08 · TEXTO
Neón parpadeante
Glow oscilante con text-shadow multicapa. Crea atmósfera retrofuturista o cyber.
// 09 · MICRO
Cards flotantes
Sucesión de elementos flotando con offset de delay. Perfecto para barras de progreso creativas.
// 10 · LOADER
Spinner órbita
Punto orbitando con halo punteado. Loader elegante para apps técnicas o sci-fi.
// 11 · FONDO
Gradient flow
Gradiente animado que viaja por el fondo. Hero, banners, CTA premium.
// 12 · TEXTO
Cursor parpadeante
Borde derecho que parpadea como cursor de terminal. Combina con typewriter JS.
// 13 · LATIDO
Heart beat
Latido en dos tiempos como un corazón real. Para likes, favoritos, productos saludables.
// 14 · BANNER
Slide reveal
Aparece desde la izquierda, se queda y se va a la derecha. Perfecto para banner promocional.
// 15 · FONDO
Partículas radiales
Núcleo que emite partículas en 8 direcciones. Genial para acciones de éxito o energía.
// 16 · 3D · HOVER
Card tilt 3D
Inclinación 3D al hover con sombra dinámica. Para destacar features o productos.
// 17 · FORMA
Morphing logo
Cuadrado que se transforma en círculo y rota. Loader o transición de estado.
// 18 · SVG
Checkmark draw
SVG path que se dibuja solo, sobre fondo verde escalado. Confirmaciones de compra, formularios.
// 19 · HOVER
Subrayado expansivo
Línea que crece de izquierda a derecha al hover. Clásico elegante para nav links.
// 20 · BADGE
Badge flotante
Pildora que sube y baja con sombra dinámica. Para destacar precios, ofertas, novedades.
// 21 · LOADER
DNA helix
Doble hélice de partículas oscilando. Loader temático para salud, ciencia, biotech.
// 22 · BORDE
Border draw
Trazo perimetral que recorre los bordes en loop. Para destacar el card focuseado.
// 23 · FONDO
Aurora boreal
Manchas de color con blur que rotan. Hero premium con sensación etérea.
// 24 · LOADER
Bouncing ball
Pelota rebotando con squash & stretch. Físicamente realista, ideal para apps de juegos.
// 25 · CELEBRACIÓN
Confetti shower
Confeti cayendo en colores variados. Eventos, celebraciones, milestones.
// 26 · TEXTO
Texto degradado animado
Gradiente que viaja a través del texto. Hero modernos, headlines premium.
// 27 · SVG
Onda líquida SVG
Path SVG ondulando como agua. Excelente para divisores de sección.
// 28 · LOADER
Loader cuadrado escala
Cuadrado que rota mientras escala. Moderno, minimalista.
// 29 · LOADER
Slide tres ojos
Tres puntos elásticos en secuencia. Loader limpio para chats y mensajería.
// 30 · TEXTO
Texto typewriter
Texto que se escribe carácter por carácter, luego se borra. Clásico hacker.
// 31 · CLICK
Botón ripple
Onda que se expande desde el click. Material Design clásico.
// 32 · LOADER
Spinner triple anillo
Tres anillos concéntricos rotando a velocidades diferentes.
// 33 · HOVER
Texto explosión
Caracteres que salen disparados al hover. Genial para titulares interactivos.
// 34 · HOVER
Card con glow trail
Card que deja un rastro de luz al hover. Premium feel.
// 35 · BANNER
Marquee infinito
Texto deslizándose horizontalmente sin pausa. Ideal para banners de noticias.
// 36 · FONDO
Burbujas flotando
Pequeñas esferas subiendo en patrón aleatorio. Decoración de fondo.
// 37 · SKELETON
Skeleton shimmer
Carga progresiva tipo Facebook/LinkedIn. Indica contenido cargando.
// 38 · TOGGLE
Switch toggle deluxe
Switch animado con icono de sol/luna. Ideal para dark mode.
// 39 · PATRÓN
Hexágonos panal
Patrón de panal hexagonal latiendo. Tech, ciencia, datos.
// 40 · SVG
Estrella explosión
Estrella SVG que dibuja sus líneas y se expande. Para premios, logros.
// ¿Querés algo así?
Animaciones a medida para tu marca
Diseñamos microinteracciones, transiciones y experiencias web a la medida de tu producto. Sin librerías pesadas — código limpio que pesa lo que tiene que pesar.
Iniciar proyecto →