Rodillo de palabras

Una palabra rueda verticalmente entre opciones sobre un tambor con resorte, y su cápsula cambia de ancho con ella.

Vista previa en vivo

Tu equipo construye, diseña, lanza, escala

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { WordRoller } 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	"construye\|diseña\|lanza\|escala"	Palabras separadas por "\|" (alternativa a words).
words	string[]	"[]"	Lista de palabras que ruedan una tras otra.
prefix	string	"Tu equipo"	Texto fijo antes del rodillo.
suffix	string	""	Texto fijo después del rodillo.
size	number	40	Tamaño de la letra, en px.
interval	number	2300	Milisegundos entre cada cambio de palabra.
curvature	number	42	Ángulo entre una palabra y la siguiente en el tambor, en grados.
pill	boolean	true	Dibuja una cápsula detrás de la palabra que cambia.
color	string	"#F4F5F7"	Color del texto fijo.
accent	string	"#7CF5C6"	Color de la palabra del rodillo.

Tablero
Gratis
Tablero de paletas que voltean letra por letra.
Texto
Texto ASCII
Gratis
El texto se dibuja con caracteres ASCII; una lente alrededor del cursor los acerca, los gira y los revuelve.
Texto
Texto cromado
Gratis
Letras de cromo líquido cuyo reflejo sigue al cursor.
Texto