Repolode
Предложить
shadcn-labs

shadcn-labs/pdfcn

React-компоненты для генерации PDF: копируйте исходный код в проект. Созданы на базе Takumi и Forme и рассчитаны на работу с shadcn/ui.

Открыть на GitHubСайт
Звёзды
3,009
Форки
150
Открытые issues
54
Последний коммит
24 дня назад

Что это?

pdfcn — это набор готовых к использованию настраиваемых PDF-компонентов для React. Вместо установки пакета и настройки рендерера вы копируете исходный код компонентов в свой проект — так же распространяются компоненты shadcn/ui. Компоненты используют два движка рендеринга — Takumi и Forme, — поэтому документы можно создавать из небольших специализированных блоков React.

В проекте есть отдельные компоненты, например таблицы, формы и графики, а также более крупные блоки для таких документов, как счета и отчёты. В документации для каждого компонента и блока доступен интерактивный предпросмотр. Для настройки используются совместимый с shadcn формат реестра и CLI, поэтому компоненты вписываются в существующие проекты на shadcn/ui без дополнительной конфигурации.

Проект распространяется по лицензии MIT и написан на TypeScript. Среди технологий, связанных со слоем рендеринга, — Rust и WebAssembly.

Ключевые возможности

  • 01Генерация PDF из компонентов React с помощью Takumi или Forme в качестве рендерера
  • 02Копирование исходного кода компонентов в проект через CLI, совместимый с shadcn
  • 03Компоненты для таблиц, форм и графиков
  • 04Готовые блоки для счетов, отчётов и других подобных документов
  • 05Интерактивный предпросмотр каждого компонента и блока в документации

Сценарии использования

  • Добавление генерации счетов или квитанций в приложение на React или Next.js, где уже используется shadcn/ui
  • Создание бизнес-отчётов с таблицами и графиками в виде PDF для скачивания
  • Создание настраиваемых PDF-шаблонов, код которых принадлежит вам и доступен для редактирования

Быстрый старт

  1. 1

    Откройте руководство по установке, на которое ведёт ссылка в README

  2. 2

    Просмотрите компоненты и блоки, затем скопируйте нужный код в свой проект React

В подборках

Инструменты для PDF, OCR и документов

Темы

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

Частые вопросы

Что такое pdfcn?
React-компоненты для генерации PDF: копируйте исходный код в проект. Созданы на базе Takumi и Forme и рассчитаны на работу с shadcn/ui. pdfcn — это набор готовых к использованию настраиваемых PDF-компонентов для React. Вместо установки пакета и настройки рендерера вы копируете исходный код компонентов в свой проект — так же распространяются компоненты shadcn/ui. Компоненты используют два движка рендеринга — Takumi и Forme, — поэтому документы можно создавать из небольших специализированных блоков React.
pdfcn можно использовать бесплатно? Какая у него лицензия?
pdfcn распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
pdfcn всё ещё поддерживается?
Активно поддерживается. Последний коммит в pdfcn — 15 окт. 2026 г..
Для чего можно использовать pdfcn?
Добавление генерации счетов или квитанций в приложение на React или Next.js, где уже используется shadcn/ui Создание бизнес-отчётов с таблицами и графиками в виде PDF для скачивания Создание настраиваемых PDF-шаблонов, код которых принадлежит вам и доступен для редактирования
Как установить pdfcn?
Откройте руководство по установке, на которое ведёт ссылка в README Просмотрите компоненты и блоки, затем скопируйте нужный код в свой проект React
Где скачать pdfcn?
Исходный код и инструкции по установке — на GitHub: https://github.com/shadcn-labs/pdfcn

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

pdfme / pdfme

Библиотека с открытым исходным кодом на TypeScript/React для создания PDF по JSON-шаблонам: с визуальным редактором шаблонов и просмотрщиком PDF, работает в браузере и Node.js.

Инструменты разработчика#pdf#pdf-generation#typescript
5 тыс.+9 за неделю557TypeScriptMITАктивно поддерживаетсяОбновлён 6 дней назад

carlos7ags / folio

Библиотека на Go для создания, редактирования и подписания PDF, конвертации HTML в PDF, работы с формами и штрихкодами, а также генерации PDF/A.

Инструменты разработчика#pdf#golang#pdf-generation
877+3 за неделю58GoApache-2.0Активно поддерживаетсяОбновлён 7 дней назад

gotenberg / gotenberg

API на базе Docker для преобразования HTML, URL, Markdown и документов Office в PDF, а также объединения, разделения и добавления водяных знаков на PDF.

Бэкенд и API#pdf#document-conversion#docker
13,5 тыс.+46 за неделю906GoMITАктивно поддерживаетсяОбновлён 3 часа назад