Lluvia de código

Columnas de fragmentos reales de JSX y TypeScript que caen en tres planos de profundidad, con la punta brillante y resaltado de sintaxis.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { CodeRain } 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
color	string	"#8fb0c4"	Color del código (el cuerpo de cada columna).
headColor	string	"#eaf6ff"	Color de la punta que va cayendo.
background	string	"#07090c"	Color del fondo.
speed	number	1	Velocidad de caída (1 = normal).
density	number	1	Cuántas columnas caen a la vez (1 = normal).
fontSize	number	14	Tamaño de la letra del plano principal, en px.
syntax	boolean	true	Tiñe palabras clave, cadenas y signos como un editor de código.

Luciérnagas
Gratis
Luciérnagas que deambulan en tres profundidades y parpadean con brillo cálido; se acercan con curiosidad al cursor y lo rondan.
Fondos
Malla con grano
Gratis
Gradiente de malla que flota y se funde, con grano fino de película; el cursor jala una de las manchas.
Fondos
Nevada
Gratis
Nieve en tres planos de profundidad (lejos, medio y bokeh cercano) con un viento que sopla hacia donde está el cursor.
Fondos