PressKey
Tecla 3D que se hunde con un muelle al pulsarla y cuenta tus clics.
- Código: RODD·SP·010
- Familia: 3D y Spline
- Origen: RODD Originals (Rodrigo Negrete) · Licencia MIT
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
| Prop | Tipo | Por defecto |
|---|
| label | string | 'R' |
| color | string | '#8B7BFF' |
Otros efectos de 3d y spline
- ToggleSwitch — Interruptor 3D con muelle y squash & stretch. Haz clic.
- GlassKnot — Nudo de cristal real que refracta las formas de color que tiene detrás.
- OrbitSystem — Sistema de órbitas: esferas de colores en planos inclinados.
- SplineCube — El “hola mundo” de Spline: un cubo que puedes girar. Ideal para aprender la integración.
- WavePlane — Tela iridiscente que ondula y forma olas donde pasas el ratón.
- Gyroscope — Giroscopio de anillos metálicos alrededor de un núcleo de luz; acelera al hover.