GlassKnot
Nudo de cristal real que refracta las formas de color que tiene detrás.
- Código: RODD·SP·007
- 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 |
|---|
| thickness | number | 0.6 |
| chromaticAberration | number | 0.35 |
| roughness | number | 0.05 |
| ior | number | 1.35 |
Otros efectos de 3d y spline
- ParticleSphere — 6.000 partículas en esfera que respiran y se apartan de tu cursor. Shader propio.
- 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.
- 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.