Rejilla infinita
GratisRejilla en perspectiva que avanza sin fin hacia un horizonte con un sol sobrio; el cursor mueve el horizonte y mantener presionado acelera.
Fondos
Fondos
Gratis
Prisma
Un orbe de luz sigue tu cursor y dispara un haz a un prisma de vidrio: el abanico de colores se mueve y se abre con el ángulo (ley de Snell) y cae sobre una pared.
- Plan
- Gratis · MIT
- Dependencias
- Solo React
- Props
- 8 (7 ajustables)
Toda la luz, a color
Instalación
1. Instala el paquete
npm i furin2. Impórtalo
import { PrismLight } from "furin";También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.
Props
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| dispersion | number | 1 | Cuánto se abre el espectro (0 a 2). |
| intensity | number | 1 | Brillo de la luz y del espectro (0 a 1.5). |
| glow | number | 1 | Resplandor suave alrededor de la luz (0 a 2). |
| beamWidth | number | 2.5 | Grosor del haz blanco, en px. |
| tint | string | "#bcd9ff" | Tinte del vidrio del prisma. |
| autoplay | boolean | true | Si no hay cursor, el orbe de luz recorre la escena solo. |
| interactive | boolean | true | Si es true, el orbe sigue al cursor y cambia el ángulo del haz. |
| children | ReactNode | "" | Contenido (p. ej. un titular) que se ilumina con los colores del espectro. |
Sigue explorando
Salto a warp
GratisEstrellas a velocidad warp con estelas y profundidad; el cursor dirige el punto de fuga y mantener presionado dispara el salto.
Fondos