Comparar herramientas

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

Primera herramienta
Segunda herramienta

Son de la misma categoría: compiten por el mismo hueco en tu proyecto, así que normalmente eliges una.

En una frase

Lenis

Scroll suave, el efecto de las webs de agencia.

Three.js

La librería estándar para mostrar gráficos y escenas en 3D dentro del navegador.

Precio y nivel

Lenis

GratisIntermedio

Three.js

GratisAvanzado
Úsalo si…

Lenis

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

Three.js

  • Quieres 3D en el navegador: productos, fondos, juegos.
  • Buscas una web que impresione.
  • Estás dispuesto a aprender algo de geometría.
Mejor evítalo si…

Lenis

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

Three.js

  • Estás empezando en JavaScript.
  • Tu público usa móviles poco potentes.
Primer paso

Lenis

Instala Lenis.

npm install lenis

Three.js

Instala Three.js.

npm install three
Combina bien con

Lenis

Three.js