pdfcn: Customisable PDF Components Compatible with shadcn/ui

X postAniket PawarTool

Aniket Pawar highlights pdfcn, a library providing accessible, customizable PDF components built on Takumi and Forme, designed to work alongside shadcn/ui.

Key points

  1. pdfcn offers a curated set of accessible and customizable PDF components.
  2. The tool is built on Takumi and Forme, integrating with shadcn/ui.
  3. Documentation includes machine-readable options such as llms.txt, Markdown variants, and an agent skill.
  4. According to Pawar, the online preview is tailored for larger screens, with direct PDF download available on mobile devices.

Why it matters

Generating high-quality PDFs matching modern application designs is notoriously tedious in web development. Adapting the shadcn/ui design paradigm to document generation simplifies consistent PDF rendering.

Analysis

By bridging UI design patterns with PDF rendering technologies like Takumi and Forme, pdfcn streamlines document generation for React and modern web stacks. It also explicitly caters to LLM and agent-assisted workflows by offering OpenAPI descriptions, markdown endpoints, and llms.txt support out of the box.

Original post

Aniket Pawar

@alaymanguy · 6 September 2026

how did i miss this? t.co/fgzSjNXDwk

181 likes5 replies529 bookmarks40.3k views

View on X
More posts in the thread (5)
  1. @abdulsalam_os welcome
  2. @SergioFilhow The preview is actually for larger screens, on mobile you can download the PDF.
  3. @mount_tai70 Thanks for the feedback.
  4. @heykathan Thanks Kathan! 🫡
  5. @B1GDROPS No, will add it now.
Selected replies (5)
  • @heykathan @alaymanguy This looks so much better than pdfmake......
  • @abdulsalam_os @alaymanguy Nice
  • @SergioFilhow @alaymanguy Doesn't open on my phone
  • @mount_tai70 @alaymanguy There's a missing space in the subtitle. "React.Built".
  • @B1GDROPS @alaymanguy Does it have agent skills?

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • X post:Shadcn Labs

    pdfcn: Customisable PDF components for shadcn/ui

    Shadcn Labs highlighted pdfcn, a component library for designing accessible and customisable PDF documents. The library is built on Takumi and Forme and designed to work with shadcn/ui.

    935bookmarks109.4kviews

    Web development· Tool

  • X post:Aniket Pawar

    pdfcn: Open-Source PDF Component Registry for shadcn/ui

    Aniket Pawar has launched pdfcn, an open-source registry of PDF components. Built on Takumi and Forme, it adopts the copy-paste architecture popularized by shadcn/ui.

    2.8kbookmarks116.8kviews

    Web development· Tool

  • Repository:shadcn-labs/pdfcn

    pdfcn: shadcn-Style React Components for PDF Generation

    pdfcn is an open-source component library for generating PDFs in React. Built on Takumi and Forme, it adopts the copy-paste philosophy and CLI registry workflow of shadcn/ui.

    1kstarsTypeScript

    Web development· Tool

  • X post:Aniket Pawar

    emailcn: Free Email Component Library Inspired by shadcn

    Aniket Pawar highlights emailcn, a free collection of accessible, customisable email UI components designed to work with React Email, MJML React, and JSX Email.

    538bookmarks40.8kviews

    Web development· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.