Repolode
Enviar
shadcn-labs

shadcn-labs/pdfcn

Componentes de React para generar PDFs mediante copiar y pegar, basados en Takumi y Forme y diseñados para funcionar con shadcn/ui.

Ver en GitHubSitio web
Estrellas
3,008
Forks
150
Issues abiertos
54
Último commit
hace 23 días

¿Qué es?

pdfcn es una colección de componentes personalizables y listos para usar para generar PDFs en React. En lugar de instalar un paquete y configurar un renderizador, copias el código fuente de los componentes en tu proyecto, igual que se distribuyen los componentes de shadcn/ui. Los componentes se basan en dos motores de renderizado, Takumi y Forme, para generar documentos a partir de bloques de React especializados.

El proyecto ofrece componentes individuales, como tablas, formularios y gráficos, además de bloques más completos para documentos como facturas e informes. Cada componente y bloque tiene una vista previa interactiva en la documentación. La configuración usa el formato de registry y la CLI compatibles con shadcn, por lo que se integra en proyectos existentes de shadcn/ui sin configuración adicional.

El proyecto cuenta con licencia MIT y está escrito en TypeScript. Entre los temas de su capa de renderizado también figuran Rust y WebAssembly.

Funciones clave

  • 01Genera PDFs a partir de componentes de React con Takumi o Forme como renderizador
  • 02Copia el código fuente de los componentes en tu proyecto mediante la CLI compatible con shadcn
  • 03Incluye componentes como tablas, formularios y gráficos
  • 04Ofrece bloques prediseñados para facturas, informes y documentos similares
  • 05Incluye vistas previas interactivas de cada componente y bloque en la documentación

Casos de uso

  • Añadir la generación de facturas o recibos a una aplicación de React o Next.js que ya use shadcn/ui
  • Generar informes empresariales con tablas y gráficos como PDFs descargables
  • Crear plantillas de PDF personalizables cuyo código sea tuyo y puedas editar directamente

Inicio rápido

  1. 1

    Abre la guía de instalación enlazada en el README

  2. 2

    Explora los componentes y bloques, y copia el código que necesites en tu proyecto de React

En colecciones

Herramientas de PDF, OCR y documentos

Temas

#pdf#react#pdf-generation#typescript#shadcn-ui#jsx#forme#html-to-pdf#pdf-generator#rust

Preguntas frecuentes

¿Qué es pdfcn?
Componentes de React para generar PDFs mediante copiar y pegar, basados en Takumi y Forme y diseñados para funcionar con shadcn/ui. pdfcn es una colección de componentes personalizables y listos para usar para generar PDFs en React. En lugar de instalar un paquete y configurar un renderizador, copias el código fuente de los componentes en tu proyecto, igual que se distribuyen los componentes de shadcn/ui. Los componentes se basan en dos motores de renderizado, Takumi y Forme, para generar documentos a partir de bloques de React especializados.
¿pdfcn es gratuito? ¿Qué licencia tiene?
pdfcn es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿pdfcn sigue mantenido?
Mantenimiento activo. El último commit de pdfcn fue el 15 oct 2026.
¿Para qué puedo usar pdfcn?
Añadir la generación de facturas o recibos a una aplicación de React o Next.js que ya use shadcn/ui Generar informes empresariales con tablas y gráficos como PDFs descargables Crear plantillas de PDF personalizables cuyo código sea tuyo y puedas editar directamente
¿Cómo se instala pdfcn?
Abre la guía de instalación enlazada en el README Explora los componentes y bloques, y copia el código que necesites en tu proyecto de React
¿Dónde consigo pdfcn?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/shadcn-labs/pdfcn

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados