Gyroscope

Giroscopio de anillos metálicos alrededor de un núcleo de luz; acelera al hover.

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
speednumber1
coreColorstring'#3DE7FF'

Otros efectos de 3d y spline

  • 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.
  • CubeWave — Suelo de cubos que ondula y crea una onda donde pasas el ratón.
  • 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.
  • SplinePlayground — Pega la URL de tu escena de Spline y mírala en vivo con su código listo para copiar.