Lenticular
ProImpresión lenticular de verdad: cientos de lentes cilíndricas intercalan 2–3 imágenes y cada una aparece según el ángulo; al inclinar con el cursor se ve la franja del cambio, el brillo por lente y el plástico transparente.
Objetos
Objetos
Pro
Esquina de página
Libro de papel: la esquina inferior se despega y se dobla siguiendo al cursor con reverso, sombra y brillo de curvatura; si la sueltas pasada la mitad la página se voltea, y si no, vuelve con resorte.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 7 (4 ajustables)
2
02
Hojas que pesan
01
Cuaderno de campo
Notas sobre papel de verdad: tira de la esquina y pasa la hoja.
Instalación
1. Configura el registro Pro una sola vez
Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.
Usar mi licencia2. Instala Esquina de página
npx shadcn@latest add @furin-pro/page-curlProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| pages | ReactNode[] | undefined | Lista de páginas (cada elemento es una hoja). Si se omite se usan las hijas (children) o unas páginas de ejemplo. |
| children | ReactNode | undefined | Cada hijo directo se toma como una página. |
| paper | string | "#f5efe0" | Color del papel. |
| cover | string | "#1d2b38" | Color de la tapa del libro. |
| defaultPage | number | 0 | Página con la que empieza (índice desde 0). |
| onPageChange | (index: number) => void | undefined | Se llama cada vez que una página termina de voltearse. |
| autoplay | boolean | false | La esquina se despega y voltea la página sola hasta que alguien la toca. |
Sigue explorando
Medalla
ProMedalla en WebGL con relieve real (mapa de normales generado en código), acabado satinado con surcos concéntricos y relieve pulido, reflejos de un estudio procedural, listón de tela que se balancea y giro 3D con brillo especular que sigue al cursor; un clic la voltea.
Objetos
Moneda
ProInterruptor que lanza una moneda metálica en 3D: gira en el aire, rebota en la mesa y cae mostrando la otra cara.
Objetos