WavePlane

Tela iridiscente que ondula y forma olas donde pasas el ratón.

Cómo instalarlo

npm install three @react-three/fiber @react-three/drei

Cuándo usarlo

Para el momento “wow” de un hero o una presentación de producto. Una escena por página y carga diferida.

Props para personalizarlo

PropTipoPor defecto
amplitudenumber0.35
speednumber1
colorstring'#b8b0ff'

Otros efectos de 3d y spline

  • Helix — Doble hélice de ADN en esferas: ciencia, salud, biotech.
  • PillRain — Lluvia de cápsulas con física de rebote. Clic para lanzarlas.
  • SplineDesign — Tipografía 3D inflada con formas flotantes. Escena de ejemplo oficial de Spline.
  • FloatingShapes — Formas brillantes flotando con parallax: el hero 3D clásico, listo para usar.
  • JellyCube — Cubo de gelatina que tiembla con el cursor y salta al hacer clic.
  • Planet — Planeta con anillos y una luna en órbita que se inclina hacia ti.