pdfcn

pdfcn

React용 PDF 컴포넌트

누가 쓰나React 개발자 · shadcn 사용자

설치해서 쓰기

복사해 붙이는 React 컴포넌트로 표·청구서·보고서 PDF를 만듭니다.

★ 1.8k▲ +32 / 7d최근 14일 · 하루 별 증가빈칸 = 관측 없음기준 09-16 21:00 UTC

별 1,785 · GitHub에서 09-15 19:34 UTC 확인 GitHub 확인 30시간 지연 · 그 뒤 GH Archive 관측 +2 포함 · 7일 +32은 GH Archive 관측 (기준 09-16 21:00 UTC)

pdfcn 문서 사이트 첫 화면. Beautiful PDFs, made simple 제목 아래 pnpm 설치 명령과 Get Started 버튼.

TESIGN TAKE

PDF를 라이브러리가 아니라 내 코드로 가져오는 shadcn 방식이 그대로 적용됩니다.

한눈에 보는 사실

왜 볼 만한가

웹 앱에서 PDF를 만들려면 렌더러를 고르고 레이아웃을 처음부터 짜야 합니다. pdfcn은 shadcn/ui와 같은 레지스트리 형식과 CLI 흐름으로 PDF 컴포넌트와 블록을 프로젝트에 복사해 넣고, Takumi와 Forme 두 렌더링 기반 중 하나로 문서를 만듭니다. 코드가 프로젝트 안에 들어오므로 고치는 것도 내 몫이고, MIT로 공개돼 있으며 문서 사이트에서 모든 컴포넌트를 미리 봅니다. 설치 명령은 README가 아니라 문서 사이트에 있습니다.

이걸로 무엇을 만들 수 있나

주문 확인서·청구서를 앱 안에서 바로 뽑는 PDF 출력
대시보드 숫자를 표와 차트로 옮긴 월간 보고서
브랜드 테마를 공유하는 사내 문서 템플릿 세트

누구에게 맞나

React 개발자: 청구서·보고서 PDF를 앱에 넣어야 할 때
shadcn 사용자: 같은 흐름으로 PDF까지 다루고 싶을 때

주의할 점

README에는 설치 명령이 없고 문서 사이트에서 확인해야 합니다
Takumi 또는 Forme 렌더러에 의존합니다

영수증

비슷한 도구

개발 도구 분야에서 ★ 총합 순으로 최대 5개. 편집 항목 먼저, 그다음 저장소 카드이며 이 항목은 강조되어 있습니다. 순위와 같은 저장 스냅샷에서 뽑은 비교표이고 추천은 아닙니다. 기준 09-16 21:00 UTC

이름	★ 총합	▲ 7d	라이선스	플랫폼	마지막 push
ecc에이전트 스킬·기억·보안 묶음	★ 259k	▲ +832	MIT허용적	windows · macos · linux · cli	2026-09-15
DeepSeek Harness개발자용 플러그인 하네스	★ 225k	▲ +1,356	MIT허용적	web · cli	2026-09-15
ponytail에이전트가 코드를 덜 쓰게	★ 139k	▲ +1,068	MIT허용적	—	2026-09-14
Spec Kit에이전트 사용자용 개발 절차	★ 137k	▲ +560	MIT허용적	cli · windows · macos · linux	2026-09-15
pdfcnReact용 PDF 컴포넌트이 항목	★ 1.8k	▲ +32	MIT허용적	web	2026-09-15