Animaciones

Lenis

Scroll suave, el efecto de las webs de agencia.

AnimacionesGratisIntermedio

¿Es para ti?

Úsalo si…

  • Quieres un scroll suave como el de las webs premiadas.
  • Combinas scroll con animaciones de GSAP.
  • Haces una landing o un portfolio.

Mejor evítalo si…

  • Tu web es una aplicación con mucho texto o formularios.
  • Te preocupa cambiar cómo se siente el scroll nativo.

Qué es

Lenis sustituye el scroll brusco del navegador por uno con inercia, y se combina con GSAP para animaciones ligadas al desplazamiento. Úsalo con cuidado: mal ajustado, molesta más que luce.

  • scroll
  • inercia
  • javascript

Combina bien con

Herramientas de otras categorías que suelen ir juntas en un mismo proyecto.

Alternativas en Animaciones

Ordenadas de principiante a avanzado. Compáralas con Lenis lado a lado.

  1. Anime.jsLibrería ligera para animar casi cualquier cosa: CSS, SVG, atributos y objetos JS.
  2. MotionLa librería de animación más usada en React, antes Framer Motion.
  3. GSAPEl motor de animación más potente, y funciona sin framework.
  4. Three.jsLa librería estándar para mostrar gráficos y escenas en 3D dentro del navegador.

¿Dudas entre Lenis y Anime.js?

Ponlas lado a lado: precio, nivel, cuándo conviene cada una y cómo se empieza.