Máquina de escribir

Escribe, borra y reescribe frases con ritmo humano, pausas en la puntuación y un cursor que parpadea.

Vista previa en vivo

Creamos interfaces que respiran. Creamos software con criterio. Creamos marcas que se recuerdan.

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Typewriter } 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	"interfaces que respiran.\|software con criterio.\|marcas que se recuerdan."	Frases separadas por "\|" (alternativa a phrases).
phrases	string[]	"[]"	Lista de frases que se escriben una tras otra.
prefix	string	"Creamos"	Texto fijo que precede a la frase que se escribe.
size	number	40	Tamaño de la letra, en px.
speed	number	62	Milisegundos por letra al escribir.
deleteSpeed	number	30	Milisegundos por letra al borrar.
hold	number	1700	Milisegundos que descansa la frase completa.
mistakes	number	0.04	Probabilidad de equivocarse de tecla, notarlo y corregir.
loop	boolean	true	Repite las frases sin parar.
cursor	"bar" \| "block" \| "underscore"	"bar"	Forma del cursor.
color	string	"#F4F5F7"	Color de la frase escrita.
accent	string	"#7CF5C6"	Color del cursor.

Número con estela
Gratis
Número cuyas cifras ruedan hacia el nuevo valor con desenfoque de movimiento vertical, una tras otra.
Texto
Odómetro
Gratis
Números que ruedan hasta su valor.
Texto
Ola de grosor
Gratis
El grosor de una fuente variable ondula según la cercanía del cursor, letra por letra.
Texto