pdfcn - React 컴포넌트로 만드는 PDF 문서

청구서, 보고서 같은 PDF를 처음부터 디자인하지 않고 준비된 React 컴포넌트와 문서 템플릿을 조합해 만드는 오픈소스 프로젝트
shadcn/ui 처럼 필요한 컴포넌트의 소스 코드를 프로젝트에 가져와 직접 수정하는 방식으로, 문서 디자인과 동작을 자유롭게 변경 가능
텍스트, 표, 차트, 이미지, QR 코드, 서명, 워터마크 등 문서에 필요한 요소 제공
페이지 나누기, 머리말과 꼬리말, 페이지 번호처럼 여러 페이지로 구성된 문서의 레이아웃을 위한 컴포넌트도 포함
청구서와 재무/마케팅/운영/보안 보고서 등 완성된 문서 템플릿을 가져와 데이터와 디자인을 바꿔 활용 가능
PDF 생성 기반으로 Takumi와 Forme를 선택할 수 있으며, 공통 테마와 컴포넌트 API로 문서를 구성
색상과 글꼴 등을 일관되게 적용하는 테마 프리셋을 제공하고, 문서 사이트에서 컴포넌트와 템플릿을 미리 확인 가능
shadcn CLI로 필요한 항목만 추가하며, 선택한 렌더러의 의존성과 공통 테마 도구도 함께 설치
- 예: pnpm dlx shadcn@latest add @pdfcn/takumi/invoice-minimal
MIT 라이선스