shadcn-labs/pdfcn

어떤 프로젝트인가요?

핵심 기능

• 01Takumi 또는 Forme를 렌더러로 사용해 React 컴포넌트에서 PDF 생성
• 02shadcn 호환 CLI로 컴포넌트 소스를 프로젝트에 복사
• 03테이블, 폼, 차트 등의 컴포넌트 제공
• 04인보이스, 보고서 및 유사한 문서에 사용할 수 있는 기성 블록 제공
• 05문서에서 모든 컴포넌트와 블록의 실시간 미리보기 제공

활용 사례

• 이미 shadcn/ui를 사용하는 React 또는 Next.js 앱에 인보이스나 영수증 생성 기능 추가
• 테이블과 차트가 포함된 비즈니스 보고서를 다운로드 가능한 PDF로 제작
• 코드를 직접 소유하고 편집할 수 있는 커스터마이즈 가능한 PDF 템플릿 구축

빠른 시작

1. 1

   README에 링크된 설치 가이드를 엽니다

2. 2

   컴포넌트와 블록을 살펴본 다음 필요한 코드를 React 프로젝트에 복사합니다

포함된 컬렉션

토픽

자주 묻는 질문

pdfcn은(는) 무엇인가요?

Takumi와 Forme를 기반으로 하며 shadcn/ui와 함께 사용할 수 있는, PDF 생성을 위한 복사·붙여넣기 방식의 React 컴포넌트입니다. pdfcn은 바로 사용할 수 있고 커스터마이즈 가능한 React용 PDF 컴포넌트 모음입니다. 패키지를 설치하고 렌더러를 설정하는 대신, shadcn/ui 컴포넌트가 배포되는 방식처럼 컴포넌트 소스 코드를 프로젝트에 복사합니다. 컴포넌트는 Takumi와 Forme, 두 렌더링 기반 위에 만들어져 있어 필요한 React 빌딩 블록을 조합해 문서를 생성할 수 있습니다.

pdfcn은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

pdfcn은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

pdfcn은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. pdfcn의 마지막 커밋은 2026년 10월 15일입니다.

pdfcn은(는) 어디에 사용할 수 있나요?

이미 shadcn/ui를 사용하는 React 또는 Next.js 앱에 인보이스나 영수증 생성 기능 추가 테이블과 차트가 포함된 비즈니스 보고서를 다운로드 가능한 PDF로 제작 코드를 직접 소유하고 편집할 수 있는 커스터마이즈 가능한 PDF 템플릿 구축

pdfcn는 어떻게 설치하나요?

README에 링크된 설치 가이드를 엽니다 컴포넌트와 블록을 살펴본 다음 필요한 코드를 React 프로젝트에 복사합니다

pdfcn은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/shadcn-labs/pdfcn