Animaciones web
Webs que se sienten vivas
Estos son ejemplos reales de animaciones e interacciones que podemos sumar a tu web. Movelos, tocalos, probalos — así se van a sentir en tu sitio.
Depth Carousel
Tus productos o trabajos en una vidriera 3D que invita a tocar — nadie pasa de largo.
Accordion Gallery
Una galería que responde al mouse como un acordeón — perfecta para servicios o rubros.
Card Nav
Un menú que se abre en tarjetas — la navegación deja de ser un detalle y pasa a ser diseño.
Gooey Nav
Cada click en el menú es una mini celebración — juguetón, para marcas con onda.
Line Sidebar
Una navegación que reacciona al mouse: el sitio se siente vivo apenas entrás, sin marear.
Scroll Reveal (texto)
El manifiesto de tu marca que se escribe solo mientras el visitante baja — imposible no leerlo.
Text Loop
Tu claim girando en una cinta con movimiento — puro branding, ideal para separar secciones.
Border Glow
Las cards importantes (precios, planes, CTA) brillan cuando el mouse se acerca — foco donde vos querés.
Specular Button
Un botón de vidrio con luz de verdad — el CTA más caro que va a haber visto tu cliente.
Model Viewer 3D
El producto girando en 3D adentro de la web: el cliente lo mira de todos los ángulos antes de preguntar.
AnimatedContent
Tus secciones aparecen con movimiento al scrollear: la web se siente viva sin distraer.
Antigravity
Un hero futurista que reacciona al mouse: ideal para marcas tech o de diseño.
BlobCursor
Un cursor con personalidad que hace que navegar tu web sea un juego.
ClickSpark
Cada click se siente: feedback divertido en botones y llamados a la acción.
Crosshair
Estilo gamer o editorial: el cursor se vuelve una mira que apunta a tus productos.
Cubes
Una pared interactiva que engancha: perfecta para un hero o una sección de tecnología.
CursorGrid
Fondo técnico y elegante que responde al mouse sin robar protagonismo.
ElasticMesh
Tus fotos se vuelven táctiles: el visitante las 'estira' y no se va de la página.
ElectricBorder
Resaltá tu oferta destacada con un borde que chispea: imposible no mirarla.
FadeContent
Entradas elegantes y discretas para textos, fotos y tarjetas de tu web.
GhostCursor
Efecto de humo brillante que le da un aire premium y misterioso a tu landing.
GlareHover
Tus tarjetas de producto brillan al pasar el mouse, como vidriera con luz.
GlowCursor
Cursor luminoso estilo neón: le da a tu web una sensación de app moderna.
GradualBlur
Listas y galerías con bordes suaves y elegantes, sin cortes bruscos.
HalftoneReveal
Efecto de revista impresa: tus fotos se descubren con el mouse, muy vistoso para portfolios.
ImageTrail
Mostrá tu catálogo o tus trabajos de forma lúdica: las fotos siguen al visitante.
LaserFlow
Hero cinematográfico para lanzamientos: un haz de luz que presenta tu producto.
LogoLoop
Mostrá las marcas con las que trabajás o tus clientes en un carrusel que nunca para.
MagicRings
Un fondo hipnótico para servicios de bienestar, tech o diseño.
Magnet
Botones que atraen el mouse: literalmente invitan a hacer click.
MagnetLines
Textura interactiva minimalista que hace que el visitante juegue con tu web.
MetaBalls
Efecto lava-lamp orgánico para marcas jóvenes, creativas o de cosmética.
MetallicPaint
Tu logo en cromo animado: presencia de marca de alto impacto en el hero.
Noise
Textura de grano cinematográfico: le da calidez y carácter a fotos y fondos.
OrbitImages
Tus productos girando en órbita: una galería viva que llama la atención.
PixelSwap
Antes/después o dos caras de un producto que se intercambian con un efecto retro.
PixelTrail
Rastro pixel-art detrás del cursor: retro, divertido y muy compartible.
PixelTransition
Foto del producto que al hover revela precio o mensaje con un efecto pixelado.
Ribbons
Un cursor con cintas de tu color de marca: elegante y juguetón a la vez.
RippleDistortion
Tus fotos parecen agua al pasar el mouse: sensación premium para spas, piletas o diseño.
ScrollExpand
Apertura de película para tu hero: el visitante scrollea y tu imagen se adueña de la pantalla.
ShapeBlur
Un reflector suave que sigue al visitante por tu hero: sutil y sofisticado.
SplashCursor
El efecto más 'wow' de todos: la web entera se vuelve pintura líquida al mover el mouse.
StarBorder
Botón de compra o contacto con un brillo que gira: se destaca sin gritar.
StickerPeel
Tu logo o promo como sticker real que el visitante despega y mueve: cero aburrido.
Strands
Fondo de aurora luminosa para un hero moderno: colores de tu marca fluyendo.
SwarmCursor
Cursor vivo, como luciérnagas que acompañan al visitante por tu web.
TargetCursor
Tus botones y tarjetas se 'enmarcan' al pasar el mouse: navegación con precisión de app.
AcidSquares
Un fondo vibrante y moderno para un hero que grite tecnología sin una sola foto.
AeroShards
Efecto premium tipo perfumería o joyería: transmite lujo apenas entra el cliente.
Aurora
Elegante y calmo: ideal para spa, estética o cualquier marca que venda bienestar.
Balatro
Llamativo y retro: perfecto para gaming, bares o eventos con onda.
Ballpit
Divertido y juguetón: jugueterías, salones infantiles o marcas con humor.
Beams
Sobrio y cinematográfico para estudios, productoras o marcas premium.
CRTWarp
Nostalgia ochentosa para arcades, tiendas retro o estudios de música.
ColorBends
Un fondo hipnótico que hace que el visitante se quede jugando en tu página.
DarkVeil
Un fondo discreto que le da profundidad al hero sin distraer del mensaje.
DotField
Textura sutil e interactiva para una landing de software o servicios.
DotGrid
Fondo limpio y tecnológico; queda bien en cualquier sección de una web de negocios.
EvilEye
Impacto puro para Halloween, terror, tatuajes o marcas con actitud.
FaultyTerminal
Onda hacker para estudios de software, ciberseguridad o escape rooms.
Ferrofluid
Textura de lujo líquido para cosmética, relojería o autos de alta gama.
FloatingLines
Minimalista y fluido: ideal para consultoras, estudios o marcas de servicios.
Galaxy
Cielo estrellado para astroturismo, cabañas, eventos nocturnos o lo que sea que venda magia.
GhostFibers
Fondo etéreo y elegante para clínicas, estudios de yoga o marcas de calma.
GradientBlinds
Moderno y colorido: para agencias, diseñadores o tiendas de moda.
GradientWaves
Paisaje oceánico abstracto para náutica, turismo o marcas costeras.
Grainient
El fondo de moda: se ve caro y funciona con cualquier paleta de marca.
GridDistortion
Tu foto de portada cobra vida: el cliente la toca y se queda.
GridMotion
Mostrá todos tus productos o trabajos de un vistazo, con movimiento que engancha.
GridScan
Estética sci-fi para tecnología, seguridad o showrooms de autos.
Hyperspeed
Velocidad y adrenalina: concesionarias, motos, delivery o logística.
Iridescence
Efecto tornasolado premium para cosmética, joyería o packaging.
LetterGlitch
Onda hacker/cine para estudios de software, gaming o eventos tech.
LightPillar
Un foco de atención elegante para lanzamientos de productos o marcas premium.
LightRays
Luz de catedral para un hero: pone el foco en tu mensaje sin distraer.
LightTunnel
Sensación de velocidad y conexión: telecomunicaciones, fibra o software.
Lightfall
Energía y color para fiestas, boliches o lanzamientos.
Lightning
Potencia visual para electricistas, energía, gimnasios o bebidas energéticas.
LineWaves
Textura fina y elegante para estudios contables, abogados o arquitectura.
LiquidChrome
Brillo metálico premium para autos, herrería, relojes o tech.
LiquidEther
El fondo más 'wow' de la biblioteca: parece tinta viva; ideal para un hero de marca.
MoltenMetal
Fuerza y calor para metalúrgicas, fundiciones, forja o marcas industriales.
Orb
Un 'botón' visual irresistible para presentar un producto o un asistente IA.
Particles
El clásico fondo de partículas, liviano y elegante, para cualquier rubro.
PixelBlast
Onda retro-gamer con interacción: ideal para tiendas de tecnología o gaming.
PixelSnow
Ambiente navideño o de invierno para promos de temporada sin tocar el diseño.
Plasma
Fondo suave y vivo que funciona con el color de tu marca.
PlasmaWave
Movimiento futurista y limpio para eventos, DJs o marcas digitales.
Prism
Ópticas, diseño, fotografía o cualquier marca que quiera verse brillante.
PrismaticBurst
Impacto máximo para un lanzamiento, una promo fuerte o un hero de evento.
Radar
Seguridad, monitoreo, logística o rastreo vehicular con estética militar.
RippleGrid
Tecnología con textura viva: apps, fintech o estudios digitales.
Scanner
Estética de escáner/impresión para gráficas, imprentas o tech.
ShapeGrid
Fondo geométrico liviano que ordena la página sin robarle protagonismo al contenido.
ShapeWaves
Tu nombre de marca hecho de miles de puntos que reaccionan al cliente.
SideRays
Luz de mañana para cafeterías, panaderías, hoteles o inmobiliarias.
Silk
Suavidad de lujo para lencería, blanquería, moda o spa.
SlicedWaves
Ritmo visual para estudios de música, radios o marcas jóvenes.
SoftAurora
Más sutil que Aurora: para bienestar, salud o marcas serenas.
Threads
Minimalismo puro: ideal para textiles, costura, diseño o estudios creativos.
Topography
Mapas vivos para turismo, agrimensura, outdoor o inmobiliarias rurales.
Waves
Textura liviana y elegante que funciona sobre cualquier color de fondo.
WebThreads
Conexión y red: internet, telecomunicaciones, logística o coworking.
Dither
Un fondo de hero con estética de revista retro que nadie más tiene en tu rubro.
AnimatedList
Tu lista de servicios o productos que aparece con ritmo, en vez de un bloque de texto muerto.
BounceCards
Tus mejores fotos cayendo con rebote en el hero: impacto en el primer segundo.
BubbleMenu
Un menú divertido y bien visible en el celu: ideal para marcas jóvenes o locales con onda.
CardSwap
Tres beneficios de tu negocio rotando solos: se leen sin que el cliente haga nada.
Carousel
Tus servicios pasando en un carrusel que se desliza con el dedo, como en una app.
ChromaGrid
Presentá a tu equipo o tus sucursales: el color aparece donde el cliente mira.
CircularGallery
Tus trabajos en una cinta curva que gira con el dedo: vidriera premium sin costo de fotos nuevas.
Counter
Cuántos clientes atendiste, cuántos años llevás: números que se sienten en movimiento.
CurvedInput
Un input que no parece formulario: perfecto para captar mails de promos o pedir un presupuesto.
DecayCard
Una foto de tu local que se derrite cuando pasan por encima: nadie se la olvida.
Dock
Accesos rápidos (turnos, catálogo, WhatsApp) en una barra con magnetismo que invita a tocar.
DomeGallery
Cientos de fotos de tu trabajo en un domo que gira: la galería más impactante sin WebGL.
DriftWall
Un fondo de hero con todas tus fotos flotando en perspectiva: sensación de catálogo infinito.
ElasticSlider
Un control de presupuesto o cantidad que se siente físico: ideal para cotizadores.
FlowingMenu
Un menú de categorías con marquesina y foto: cada rubro se vende solo al pasar el mouse.
FlyingPosters
Tus afiches o fotos pasando en 3D con distorsión: efecto de estudio creativo.
Folder
Un guiño lúdico para 'ver nuestros trabajos' o 'descargar el catálogo'.
GlassIcons
Accesos a tus secciones como íconos de app: prolijo, moderno y clickeable.
GlassSurface
Un cartel de vidrio real sobre tu foto de portada: se ve caro sin serlo.
InfiniteSpiral
Una hélice de fotos que nunca termina: perfecta para mostrar volumen de trabajos.
MagicBento
La sección 'por qué elegirnos' en formato bento con efectos: se ve como landing de startup.
Masonry
Tu galería de Instagram acomodada sola, con entrada animada y hover: lista para el portfolio.
MorphSlider
Un slider de portada donde cada foto se transforma en la siguiente: cine en tu home.
OptionWheel
Elegir categoría o sucursal girando una rueda: interacción memorable para menús cortos.
PillNav
Una barra de navegación con personalidad, que se ve premium en desktop y se pliega bien en celu.
PixelCard
Una tarjeta de promo que 'se enciende' en pixel art cuando la tocan: gancho retro-gamer.
ProfileCard
Tu tarjeta personal o la de tu equipo, con efecto holograma: se comparte sola.
ReflectiveCard
Una credencial VIP o tarjeta de socio que refleja luz de verdad: exclusividad palpable.
ScrollStack
Tus planes o pasos del servicio apilándose al scrollear: storytelling que retiene.
SpotlightCard
Tarjetas de servicios que se iluminan donde pasa el cliente: sutil y elegante.
Stack
Tus fotos para pasar con el dedo, como en una app: jugar 10 segundos y ya te conocen.
StaggeredMenu
Un menú de cortina con capas de color: la experiencia de marca desde el primer click.
Stepper
Reservar un turno o pedir un presupuesto en 3 pasitos: menos abandono que un formulario largo.
TiltedCard
La foto de tu producto estrella que se ladea con el mouse: se siente en la mano.
Fluid Glass
El efecto 'wow' para un hero premium: se siente como una app de Apple.
Infinite Menu
Tu portfolio o catálogo como un globo para girar con el dedo — la gente se queda jugando.
Lanyard
Ideal para 'Conocé al equipo' o una invitación a un evento: se agarra y se tira.
BellToggle
Ideal para el botón "Avisame cuando haya stock" o "Recordarme el turno": se nota que quedó activado.
BranchedMenu
Categorías y subcategorías del catálogo o el menú lateral del admin, con una navegación que se entiende de un vistazo.
CallChip
Para mostrar qué está haciendo el sistema en el checkout o el asistente IA: "cobrando", "emitiendo factura", sin dejar al cliente a ciegas.
CodeSlots
Para validar el código de WhatsApp o email al confirmar un turno o una compra: se siente pulido y guía al cliente.
CometDial
Elegir porcentaje de seña, cantidad o nivel de un servicio con un control que da gusto tocar en el celu.
DodgeField
Un guiño divertido para una promo o un "No, gracias" en la landing: genera sonrisa y se comparte.
FlipCard
Producto de un lado, ficha técnica y precio del otro: más info en el mismo lugar del catálogo.
FolderFloat
Un menú de documentos o categorías con onda: presupuestos, facturas, garantías, todo en una carpeta que se abre sola.
FuseButton
Confirmar turno o cancelar pedido sin modal molesto: el cliente tiene 5 segundos para arrepentirse.
GlideSelect
Elegir talle, sucursal o forma de envío en el checkout con un desplegable que se siente premium.
HoldButton
Para acciones que no se pueden deshacer (pagar, borrar un pedido): evita toques accidentales sin frenar al cliente.
JellyRadio
Elegir talle, color o plan en el producto con chips que responden al toque: más juguetón que un select.
LatticeLoader
Mientras se procesa el pago o se genera el PDF del presupuesto, algo lindo para mirar en vez de una rueda genérica.
PaperCrumple
Para un cupón o flyer digital: "arrugá el cupón si no lo querés". Efecto wow para campañas.
PeekRating
Calificación post-compra o post-turno con estrellas que invitan a votar: más reseñas para tu negocio.
PromptBar
El input del chatbot de tu web o del asistente del admin, con el nivel de terminación de una app grande.
PulseHeart
Favoritos en el catálogo o likes en las novedades: el cliente marca lo que le gusta y vos te enterás.
RefineFrame
Para fotos que genera o mejora la IA (fondos de producto, renders): el cliente ve el progreso y no cierra la pestaña.
RubberSegment
Mensual / anual en precios, o Retiro / Envío en el checkout: un switch de opciones que se siente físico.
ScrubField
Cantidad en el carrito o precio en el admin: se cambia deslizando el dedo, sin tipear.
SlideCommit
El "deslizá para pagar" del checkout en el celu: cero clicks accidentales y sensación de app nativa.
SlingButton
Botón de enviar del formulario de contacto o del chat: tirá y soltá, un detalle que la gente recuerda.
SloshGauge
Nivel de stock, avance de una obra o cuánto falta para el envío gratis: un número que se ve, no se lee.
SpringCheck
Lista de pendientes del admin o checklist de un turno: marcar tareas da gustito y se ve el avance.
SquishSwitch
Activar avisos por WhatsApp, producto visible/oculto en el admin: un toggle que se siente en la mano.
StatusMark
Estado del pedido, del pago o de la factura ARCA en el admin: el cliente y vos ven al toque en qué quedó.
SwipeRow
Turnos o pedidos del admin en el celu: deslizás y cancelás o archivás sin entrar a cada uno.
SwipeToast
"Agregado al carrito", "Turno reservado": la confirmación que se ve, se puede tocar y se va sola.
TearTicket
Cupón de descuento o entrada a un evento: el cliente lo "corta" y lo canjea. Perfecto para promos.
ThoughtLine
Para el chatbot de tu web mientras arma un presupuesto: el cliente ve que está trabajando y qué está haciendo.
VoicePill
Consultas por voz en el chatbot o notas de audio en el admin: la misma sensación que WhatsApp.
WakeSlider
Filtro de precio o presupuesto en el catálogo: un control que se disfruta usar en vez de un slider gris.
WarmTooltip
Ayudas en la barra del admin (editar, duplicar, ocultar): explican sin molestar y se sienten rápidas.
ASCIIText
Un título con estética retro-hacker que nadie más tiene: ideal para marcas tech o gamer.
BlurText
Un título de home que se revela con elegancia: transmite calidad sin hacer ruido.
CircularText
Un sello giratorio tipo 'tienda oficial' o 'envíos gratis' que le da vida a cualquier rincón.
CountUp
Mostrá '+1.500 clientes' o '20 años' contando en vivo: los números que suben venden solos.
CurvedLoop
Una cinta curva con tus promos o valores que cruza la home en loop: moderna y arrastrable.
DecryptedText
Efecto hacker para lanzamientos o promos secretas: la gente se queda a ver qué dice.
DepthText
Un logo o título con volumen real que gira con el mouse: presencia de marca grande.
EchoText
Un título con estela de movimiento: sensación de velocidad para marcas dinámicas.
FallingText
Un párrafo que se desarma y cae al pasar el mouse: sorpresa garantizada en la home.
FoldText
Un título que se desdobla como una carta: fino, editorial, perfecto para marcas premium.
FuzzyText
Ideal para páginas 404 o títulos con onda glitch: divertido y memorable.
GlitchText
Un título con actitud para marcas urbanas, gamer o tech: llama la atención al instante.
GradientText
Tu título de home con los colores de la marca en movimiento: simple y muy vistoso.
MaskedHeading
Tu nombre de marca relleno con tus propias fotos o un video: un hero de nivel agencia.
ParticleText
Un título que se arma con miles de puntitos y reacciona al mouse: efecto wow para lanzamientos.
RotatingText
'Vendemos ropa / zapatillas / accesorios' cambiando solo: contás todo lo que hacés en un renglón.
ScrambledText
Un párrafo que se desordena bajo el cursor: detalle interactivo para webs con personalidad.
ScrollFloat
Títulos de sección que aparecen flotando al scrollear: la página se siente viva sin ser pesada.
ScrollVelocity
Marquee con tus promos que acelera cuando la gente scrollea: energía pura para la home.
ShinyText
El toque premium para un botón o título: 'Nueva colección' con brillo que pasa.
Shuffle
Un título que se arma como un tablero de aeropuerto: dinámico y con carácter.
SplitFlapText
Tus promos rotando en un panel de aeropuerto: 'ENVIO GRATIS' → '3 CUOTAS' → 'NUEVO'.
SplitText
El clásico de los títulos animados: elegante, rápido y funciona en cualquier rubro.
StrokeText
Tu marca 'dibujándose' en pantalla: efecto de firma que queda bárbaro en un hero.
TextCursor
Tu logo o emoji siguiendo el cursor por toda la página: detalle juguetón que la gente recuerda.
TextPressure
Un título que 'respira' cuando el cliente pasa el mouse: sofisticado y distinto.
TextType
Tu propuesta escribiéndose sola en la home: 'Turnos online. Envíos gratis. Pagá en cuotas.'
TrueFocus
Recorré tus valores palabra a palabra como una cámara enfocando: cinematográfico y claro.
VariableProximity
Un texto que reacciona al cursor como un imán: detalle de diseño que eleva toda la web.
WarpText
Tu marca ondulando como agua: hero de alto impacto para lanzamientos o marcas creativas.
¿Querés algo así en tu web?
Contanos tu idea y te decimos cómo la aplicamos a tu marca.
Hablemos por WhatsApp