Bento con luz

Rejilla bento de seis celdas con una luz que salta entre ellas siguiendo al cursor (o sola) y se derrama sobre las vecinas.

Vista previa en vivo

2.4×Más rápido, siempreCada pantalla carga antes de que termines de parpadear.

SeguroCifrado de punta a punta.

En equipoInvita sin límites.

IntegracionesConecta tus apps.

AnalíticaDatos en vivo.

SoporteHumanos, a toda hora.

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { BentoLight } 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.

Prop	Tipo	Por defecto	Descripción
items	{ title: string; text?: string; metric?: string; icon?: ReactNode }[]	"6 celdas de muestra"	Las seis celdas: la primera es la grande (2×2).
color	string	"#8ab4ff"	Color de la luz.
radius	number	230	Radio de la luz, en px.
autoplay	number	2.2	Cada cuántos segundos salta la luz sola cuando no hay cursor (0 = quieta).
gap	number	10	Separación entre celdas, en px.
width	number	440	Ancho máximo de la rejilla, en px.

Boleto
Gratis
Boleto de papel con perforación: arrastra el talón y se rasga de arriba abajo, con borde de fibras y sombra que crece al despegarse.
Tarjetas
Borde eléctrico
Gratis
Arcos de electricidad que serpentean por el borde, con descargas locales, chispas y parpadeo del resplandor.
Tarjetas
Calcomanía
Gratis
Calcomanía brillante troquelada que se despega desde la esquina siguiendo al cursor, con curvatura, reverso de papel y sombra.
Tarjetas