# angular-pdfcn

> A collection of beautifully designed, accessible, and customizable PDF components for Angular. Built on Takumi and Forme. Works with the shadcn CLI. Use this index to discover the available documentation pages, markdown mirrors, and registry resources before browsing.

## Documentation

- Overview
  - [Introduction](https://pdfcn-angular.com/docs.md): Copy-paste PDF components for Angular. Built on Takumi and Forme, works with the shadcn CLI.
  - [Installation](https://pdfcn-angular.com/docs/installation.md): Install PDF components, blocks, and themes from the registry.
  - [MCP](https://pdfcn-angular.com/docs/mcp.md): Learn how to use the shadcn MCP (Model Context Protocol) server with angular-pdfcn.
  - [Registry](https://pdfcn-angular.com/docs/registry.md): Learn how to use the angular-pdfcn registry with the shadcn CLI.
- Themes
  - [Professional](https://pdfcn-angular.com/docs/themes/professional.md): Serif headings, refined zinc/slate palette, formal document feel.
  - [Modern](https://pdfcn-angular.com/docs/themes/modern.md): All-Helvetica typography, slate-cool neutrals with subtle violet accent.
  - [Minimal](https://pdfcn-angular.com/docs/themes/minimal.md): Courier headings, zinc neutrals, maximum whitespace.
  - [Executive](https://pdfcn-angular.com/docs/themes/executive.md): Deep navy palette, Merriweather serif headings, premium boardroom aesthetic.
  - [Corporate](https://pdfcn-angular.com/docs/themes/corporate.md): Blue-gray palette, Lato sans-serif, structured and dependable.
  - [Elegant](https://pdfcn-angular.com/docs/themes/elegant.md): Warm cream whites, amber/gold accent, classic editorial combination.
  - [Vivid](https://pdfcn-angular.com/docs/themes/vivid.md): Deep violet palette, Nunito rounded sans-serif, playful but professional.
  - [Forest](https://pdfcn-angular.com/docs/themes/forest.md): Natural deep greens, Merriweather headings, earthy and trustworthy.
  - [Blueprint](https://pdfcn-angular.com/docs/themes/blueprint.md): Dark slate with cyan accent, monospace headings, technical precision.
- Components
  - [Components](https://pdfcn-angular.com/docs/components.md): Here you can find all the PDF components available in the library.
  - Takumi
    - [Takumi](https://pdfcn-angular.com/docs/components/takumi.md): PDF UI primitives for the Takumi base.
    - [Alert](https://pdfcn-angular.com/docs/components/takumi/alert.md): Alert box with info, success, warning, and error variants.
    - [Badge](https://pdfcn-angular.com/docs/components/takumi/badge.md): Compact status badge for labels and tags.
    - [Card](https://pdfcn-angular.com/docs/components/takumi/card.md): Bordered content card with title and body.
    - [Data Table](https://pdfcn-angular.com/docs/components/takumi/data-table.md): Tabular data with columns and rows.
    - [Divider](https://pdfcn-angular.com/docs/components/takumi/divider.md): Horizontal rule to separate sections.
    - [Form](https://pdfcn-angular.com/docs/components/takumi/form.md): Labeled form groups for PDF inputs.
    - [Graph](https://pdfcn-angular.com/docs/components/takumi/graph.md): Bar, line, and area charts drawn with SVG.
    - [Heading](https://pdfcn-angular.com/docs/components/takumi/heading.md): Document headings with typographic scale.
    - [Keep Together](https://pdfcn-angular.com/docs/components/takumi/keep-together.md): Keeps children on the same PDF page.
    - [Key Value](https://pdfcn-angular.com/docs/components/takumi/key-value.md): Definition list of keys and values.
    - [Link](https://pdfcn-angular.com/docs/components/takumi/link.md): Clickable link styled for PDF documents.
    - [List](https://pdfcn-angular.com/docs/components/takumi/list.md): Ordered and unordered lists.
    - [Page Break](https://pdfcn-angular.com/docs/components/takumi/page-break.md): Forces a page break in the document.
    - [Page Footer](https://pdfcn-angular.com/docs/components/takumi/page-footer.md): Repeating page footer.
    - [Page Header](https://pdfcn-angular.com/docs/components/takumi/page-header.md): Repeating page header.
    - [Page Number](https://pdfcn-angular.com/docs/components/takumi/page-number.md): Current page number marker.
    - [PDF Image](https://pdfcn-angular.com/docs/components/takumi/pdf-image.md): Embedded image with fit options.
    - [QR Code](https://pdfcn-angular.com/docs/components/takumi/qrcode.md): QR code generated from a string value.
    - [Section](https://pdfcn-angular.com/docs/components/takumi/section.md): Section wrapper with optional title.
    - [Signature](https://pdfcn-angular.com/docs/components/takumi/signature.md): Signature block with name and label.
    - [Stack](https://pdfcn-angular.com/docs/components/takumi/stack.md): Vertical stack with spacing.
    - [Table](https://pdfcn-angular.com/docs/components/takumi/table.md): Low-level table primitives.
    - [Text](https://pdfcn-angular.com/docs/components/takumi/text.md): Body text with typography variants.
    - [Watermark](https://pdfcn-angular.com/docs/components/takumi/watermark.md): Diagonal or centered watermark overlay.
  - Forme
    - [Forme](https://pdfcn-angular.com/docs/components/forme.md): PDF UI primitives for the Forme base.
    - [Alert](https://pdfcn-angular.com/docs/components/forme/alert.md): Alert box with info, success, warning, and error variants.
    - [Badge](https://pdfcn-angular.com/docs/components/forme/badge.md): Compact status badge for labels and tags.
    - [Card](https://pdfcn-angular.com/docs/components/forme/card.md): Bordered content card with title and body.
    - [Data Table](https://pdfcn-angular.com/docs/components/forme/data-table.md): Tabular data with columns and rows.
    - [Divider](https://pdfcn-angular.com/docs/components/forme/divider.md): Horizontal rule to separate sections.
    - [Form](https://pdfcn-angular.com/docs/components/forme/form.md): Labeled form groups for PDF inputs.
    - [Graph](https://pdfcn-angular.com/docs/components/forme/graph.md): Bar, line, and area charts drawn with SVG.
    - [Heading](https://pdfcn-angular.com/docs/components/forme/heading.md): Document headings with typographic scale.
    - [Keep Together](https://pdfcn-angular.com/docs/components/forme/keep-together.md): Keeps children on the same PDF page.
    - [Key Value](https://pdfcn-angular.com/docs/components/forme/key-value.md): Definition list of keys and values.
    - [Link](https://pdfcn-angular.com/docs/components/forme/link.md): Clickable link styled for PDF documents.
    - [List](https://pdfcn-angular.com/docs/components/forme/list.md): Ordered and unordered lists.
    - [Page Break](https://pdfcn-angular.com/docs/components/forme/page-break.md): Forces a page break in the document.
    - [Page Footer](https://pdfcn-angular.com/docs/components/forme/page-footer.md): Repeating page footer.
    - [Page Header](https://pdfcn-angular.com/docs/components/forme/page-header.md): Repeating page header.
    - [Page Number](https://pdfcn-angular.com/docs/components/forme/page-number.md): Current page number marker.
    - [PDF Image](https://pdfcn-angular.com/docs/components/forme/pdf-image.md): Embedded image with fit options.
    - [QR Code](https://pdfcn-angular.com/docs/components/forme/qrcode.md): QR code generated from a string value.
    - [Section](https://pdfcn-angular.com/docs/components/forme/section.md): Section wrapper with optional title.
    - [Signature](https://pdfcn-angular.com/docs/components/forme/signature.md): Signature block with name and label.
    - [Stack](https://pdfcn-angular.com/docs/components/forme/stack.md): Vertical stack with spacing.
    - [Table](https://pdfcn-angular.com/docs/components/forme/table.md): Low-level table primitives.
    - [Text](https://pdfcn-angular.com/docs/components/forme/text.md): Body text with typography variants.
    - [Watermark](https://pdfcn-angular.com/docs/components/forme/watermark.md): Diagonal or centered watermark overlay.
- Blocks
  - [Blocks](https://pdfcn-angular.com/docs/blocks.md): Pre-built invoices and reports composed from angular-pdfcn components.
  - Takumi
    - [Takumi](https://pdfcn-angular.com/docs/blocks/takumi.md): Invoice and report templates for the Takumi base.
    - [Gift Certificate](https://pdfcn-angular.com/docs/blocks/takumi/gift-certificate.md): Printable gift certificate template with decorative styling.
    - [Event Agenda](https://pdfcn-angular.com/docs/blocks/takumi/event-agenda.md): Print-ready conference, summit, or meeting agenda template with multi-day support, track legend, and concurrent sessions.
    - [Event Ticket](https://pdfcn-angular.com/docs/blocks/takumi/event-ticket.md): Print-ready event admission ticket with event details, seat info, QR code scan-in area, and branding strip.
    - [Invoice Classic](https://pdfcn-angular.com/docs/blocks/takumi/invoice-classic.md): Classic invoice document template.
    - [Invoice Consultant](https://pdfcn-angular.com/docs/blocks/takumi/invoice-consultant.md): Consultant-style invoice template.
    - [Invoice Corporate](https://pdfcn-angular.com/docs/blocks/takumi/invoice-corporate.md): Corporate invoice document template.
    - [Invoice Creative](https://pdfcn-angular.com/docs/blocks/takumi/invoice-creative.md): Creative invoice document template.
    - [Invoice Minimal](https://pdfcn-angular.com/docs/blocks/takumi/invoice-minimal.md): Minimal invoice document template.
    - [Invoice Modern](https://pdfcn-angular.com/docs/blocks/takumi/invoice-modern.md): Modern invoice document template.
    - [Lesson Plan](https://pdfcn-angular.com/docs/blocks/takumi/lesson-plan.md): Printable lesson plan for teachers with objectives, standards, materials, activities, and assessment.
    - [Medical Intake Form](https://pdfcn-angular.com/docs/blocks/takumi/medical-intake-form.md): Printable patient intake and registration form with personal, insurance, medical history, and consent sections.
    - [Meeting Minutes](https://pdfcn-angular.com/docs/blocks/takumi/meeting-minutes.md): Printable meeting minutes document with attendees, agenda, discussions, decisions, and action items.
    - [Packing Slip](https://pdfcn-angular.com/docs/blocks/takumi/packing-slip.md): Printable packing slip document with order details, itemized list, and shipping info.
    - [Press Release](https://pdfcn-angular.com/docs/blocks/takumi/press-release.md): Printable press release document with headline, body, quotes, and media contact info.
    - [Report Financial](https://pdfcn-angular.com/docs/blocks/takumi/report-financial.md): Financial report document template.
    - [Report Marketing](https://pdfcn-angular.com/docs/blocks/takumi/report-marketing.md): Marketing report document template.
    - [Report Operations](https://pdfcn-angular.com/docs/blocks/takumi/report-operations.md): Operations report document template.
    - [Report Security](https://pdfcn-angular.com/docs/blocks/takumi/report-security.md): Security report document template.
    - [Shipping Label](https://pdfcn-angular.com/docs/blocks/takumi/shipping-label.md): Print-ready 4x6 shipping label with sender, recipient, barcode area, and carrier info.
    - [Work Order](https://pdfcn-angular.com/docs/blocks/takumi/work-order.md): Printable service/maintenance work order with job details, parts used, labor tracking, and customer sign-off.
  - Forme
    - [Forme](https://pdfcn-angular.com/docs/blocks/forme.md): Invoice and report templates for the Forme base.
    - [Event Agenda](https://pdfcn-angular.com/docs/blocks/forme/event-agenda.md): Print-ready conference, summit, or meeting agenda template with multi-day support, track legend, and concurrent sessions.
    - [Event Ticket](https://pdfcn-angular.com/docs/blocks/forme/event-ticket.md): Print-ready event admission ticket with event details, seat info, QR code scan-in area, and branding strip.
    - [Gift Certificate](https://pdfcn-angular.com/docs/blocks/forme/gift-certificate.md): Printable gift certificate template with decorative styling.
    - [Invoice Classic](https://pdfcn-angular.com/docs/blocks/forme/invoice-classic.md): Classic invoice document template.
    - [Invoice Consultant](https://pdfcn-angular.com/docs/blocks/forme/invoice-consultant.md): Consultant-style invoice template.
    - [Invoice Corporate](https://pdfcn-angular.com/docs/blocks/forme/invoice-corporate.md): Corporate invoice document template.
    - [Invoice Creative](https://pdfcn-angular.com/docs/blocks/forme/invoice-creative.md): Creative invoice document template.
    - [Invoice Minimal](https://pdfcn-angular.com/docs/blocks/forme/invoice-minimal.md): Minimal invoice document template.
    - [Invoice Modern](https://pdfcn-angular.com/docs/blocks/forme/invoice-modern.md): Modern invoice document template.
    - [Lesson Plan](https://pdfcn-angular.com/docs/blocks/forme/lesson-plan.md): Printable lesson plan for teachers with objectives, standards, materials, activities, and assessment.
    - [Medical Intake Form](https://pdfcn-angular.com/docs/blocks/forme/medical-intake-form.md): Printable patient intake and registration form with personal, insurance, medical history, and consent sections.
    - [Meeting Minutes](https://pdfcn-angular.com/docs/blocks/forme/meeting-minutes.md): Printable meeting minutes document with attendees, agenda, discussions, decisions, and action items.
    - [Packing Slip](https://pdfcn-angular.com/docs/blocks/forme/packing-slip.md): Printable packing slip document with order details, itemized list, and shipping info.
    - [Press Release](https://pdfcn-angular.com/docs/blocks/forme/press-release.md): Printable press release document with headline, body, quotes, and media contact info.
    - [Report Financial](https://pdfcn-angular.com/docs/blocks/forme/report-financial.md): Financial report document template.
    - [Report Marketing](https://pdfcn-angular.com/docs/blocks/forme/report-marketing.md): Marketing report document template.
    - [Report Operations](https://pdfcn-angular.com/docs/blocks/forme/report-operations.md): Operations report document template.
    - [Report Security](https://pdfcn-angular.com/docs/blocks/forme/report-security.md): Security report document template.
    - [Shipping Label](https://pdfcn-angular.com/docs/blocks/forme/shipping-label.md): Print-ready 4x6 shipping label with sender, recipient, barcode area, and carrier info.
    - [Work Order](https://pdfcn-angular.com/docs/blocks/forme/work-order.md): Printable service/maintenance work order with job details, parts used, labor tracking, and customer sign-off.
- Theming
  - Takumi
    - [Theming](https://pdfcn-angular.com/docs/theming/takumi.md): Configure PDF themes, colors, typography, and spacing for Takumi.
  - Forme
    - [Theming](https://pdfcn-angular.com/docs/theming/forme.md): Configure PDF themes, colors, typography, and spacing for Forme.

## Machine-readable Resources

- [Full documentation](https://pdfcn-angular.com/llms-full.txt)
- [Homepage markdown](https://pdfcn-angular.com/llms.md/content.md)
- [OpenAPI description](https://pdfcn-angular.com/openapi.json)
- [API catalog](https://pdfcn-angular.com/.well-known/api-catalog)
- [Agent skill](https://pdfcn-angular.com/.well-known/agent-skills/site-skill.md)
- [shadcn MCP server documentation](https://ui.shadcn.com/docs/mcp)