Repolode
Enviar
shadcn-labs

shadcn-labs/pdfcn

Componentes React para gerar PDFs com copiar e colar, criados com Takumi e Forme e projetados para funcionar com shadcn/ui.

Ver no GitHubSite
Estrelas
3,008
Forks
150
Issues abertas
54
Último commit
há 23 dias

O que é?

pdfcn é uma coleção de componentes PDF personalizáveis e prontos para uso em React. Em vez de instalar um pacote e configurar um renderizador, você copia o código-fonte dos componentes para o seu projeto, assim como os componentes do shadcn/ui são distribuídos. Os componentes são criados com dois mecanismos de renderização, Takumi e Forme, para gerar documentos a partir de blocos React especializados.

O projeto oferece componentes individuais, como tabelas, formulários e gráficos, além de blocos maiores para documentos, como faturas e relatórios. Cada componente e bloco tem uma prévia interativa na documentação. A configuração usa o formato de registry e a CLI compatíveis com shadcn, integrando-se a projetos shadcn/ui existentes sem configuração extra.

O projeto tem licença MIT e foi escrito em TypeScript, com Rust e WebAssembly entre os tópicos relacionados à camada de renderização.

Recursos principais

  • 01Gerar PDFs a partir de componentes React usando Takumi ou Forme como renderizador
  • 02Copiar o código-fonte dos componentes para o seu projeto pela CLI compatível com shadcn
  • 03Inclui componentes como tabelas, formulários e gráficos
  • 04Oferece blocos prontos para faturas, relatórios e documentos semelhantes
  • 05Prévias interativas de cada componente e bloco na documentação

Casos de uso

  • Adicionar a geração de faturas ou recibos a um app React ou Next.js que já usa shadcn/ui
  • Gerar relatórios empresariais com tabelas e gráficos como PDFs para download
  • Criar modelos de PDF personalizáveis cujo código você controla e pode editar diretamente

Início rápido

  1. 1

    Abra o guia de instalação vinculado no README

  2. 2

    Explore os componentes e blocos e copie o código necessário para o seu projeto React

Em coleções

Ferramentas de PDF, OCR e documentos

Tópicos

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

Perguntas frequentes

O que é pdfcn?
Componentes React para gerar PDFs com copiar e colar, criados com Takumi e Forme e projetados para funcionar com shadcn/ui. pdfcn é uma coleção de componentes PDF personalizáveis e prontos para uso em React. Em vez de instalar um pacote e configurar um renderizador, você copia o código-fonte dos componentes para o seu projeto, assim como os componentes do shadcn/ui são distribuídos. Os componentes são criados com dois mecanismos de renderização, Takumi e Forme, para gerar documentos a partir de blocos React especializados.
pdfcn é gratuito? Qual é a licença?
pdfcn é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
pdfcn ainda é mantido?
Manutenção ativa. O último commit de pdfcn foi em 15 de out. de 2026.
Para que posso usar pdfcn?
Adicionar a geração de faturas ou recibos a um app React ou Next.js que já usa shadcn/ui Gerar relatórios empresariais com tabelas e gráficos como PDFs para download Criar modelos de PDF personalizáveis cujo código você controla e pode editar diretamente
Como instalar pdfcn?
Abra o guia de instalação vinculado no README Explore os componentes e blocos e copie o código necessário para o seu projeto React
Onde consigo pdfcn?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/shadcn-labs/pdfcn

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados