Texto cromado

Letras de cromo líquido cuyo reflejo sigue al cursor.

Vista previa en vivo

Chrome

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { ChromeText } 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
children	string	"Chrome"	El texto que se vuelve cromo (acepta saltos de línea).
size	number	96	Tamaño de la letra, en px.
bevel	number	0.5	Qué tan infladas y redondeadas se ven las letras (0 a 1).
thickness	number	0.5	Engrosa las letras como si fueran más pesadas (0 a 1).
intensity	number	1	Brillo del entorno que refleja el metal.
tint	string	"#e4e9f0"	Color del metal (plata azulada por defecto).
sweep	boolean	true	Deja que el reflejo pasee solo cuando no hay cursor.

Texto en órbita
Gratis
Texto en círculo que gira despacio y se acelera, con inercia, cuando el cursor se acerca.
Texto
Texto que muta
Gratis
Las palabras se derriten unas en otras con una transición viscosa de desenfoque y umbral, con brillo de líquido.
Texto
Grabado en metal
Pro
Texto grabado sobre metal cepillado, con bisel interior y brillo al pasar.
Texto