Saltar al contenido
Tarjetas Gratis

Boleto

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.

Plan
Gratis · MIT
Dependencias
Solo React
Props
8 (7 ajustables)

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

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

Props

PropTipoPor defectoDescripción
titlestring"Furin Live"Título grande del boleto.
subtitlestring"Sábado 3 de octubre · 20:00"Fecha y hora, bajo el título.
placestring"Foro Norte · Ciudad de México"Lugar del evento.
seat{ section: string; row: string; seat: string }"A · 12 · 08"Sección, fila y asiento (datos ficticios).
accentstring"#ff5a36"Color de acento del boleto y del talón.
paperColorstring"#f5f0e5"Color del papel.
scalenumber1Escala de todo el boleto.
autoResetbooleantrueCuando el talón se arranca, el boleto se rehace solo tras unos segundos.

Sigue explorando

  • 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

  • Carpeta

    Gratis

    Carpeta de cartón que se abre al pasar el cursor y deja asomar sus documentos con un rebote suave.

    Tarjetas