JellyCube

Cubo de gelatina que tiembla con el cursor y salta al hacer clic.

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
colorstring'#8B7BFF'
wobblenumber0.35

Otros efectos de 3d y spline

  • PressKey — Tecla 3D que se hunde con un muelle al pulsarla y cuenta tus clics.
  • SynthGrid — Paisaje synthwave: montañas de malla y sol retro que avanzan hacia ti.
  • GlassCards — Abanico de tarjetas de cristal que se abre al pasar el ratón.
  • OrbitSystem — Sistema de órbitas: esferas de colores en planos inclinados.
  • RoddMonogram — Monograma 3D metálico que sigue al cursor. Original de RODD, hecho con Three.js.
  • ToggleSwitch — Interruptor 3D con muelle y squash & stretch. Haz clic.