pdfcn: Open-Source-Komponenten für PDFs im shadcn-Stil

X-PostAniket PawarTool

Aniket Pawar hat mit pdfcn eine quelloffene Registry für PDF-Komponenten vorgestellt. Das Tool basiert auf Takumi sowie Forme und lässt sich nach dem bekannten Copy-Paste-Prinzip von shadcn/ui einsetzen.

Das Wichtigste

  1. Basiert technisch auf Takumi von Kane Wang und Forme.
  2. Einrichtung ohne Konfiguration über einen einzigen Befehl.
  3. Voll kompatibel mit dem Workflow von shadcn/ui via Copy-Paste.
  4. Enthält über 10 Themes sowie vorgefertigte Komponenten und Blöcke.
  5. Komplett quelloffen und kostenlos verfügbar.

Warum das relevant ist

Die Erstellung und Gestaltung von PDFs im Web ist für Frontend-Entwickler oft umständlich und inkonsistent. Eine Komponentenbibliothek nach dem shadcn-Prinzip ermöglicht es Entwicklern, PDF-Layouts mit vertrauten Bausteinen und Designs schnell in moderne React- und Web-Projekte einzubinden.

Einordnung

Das Projekt adaptiert das populäre Registry- und Copy-Paste-Muster von shadcn/ui für die Dokumentengenerierung. Durch die direkte Bereitstellung anpassbarer Blöcke und Themes entfällt der manuelle Aufwand für typische PDF-Layouts wie Rechnungen oder Berichte, ohne Entwickler an starre externe Abhängigkeiten zu binden.

Original-Post

Aniket Pawar

@alaymanguy · 12. August 2026

Introducing pdfcn 📄 by @shadcnlabs > Built on Takumi by @kanewang_ and Forme > Zero config, one command setup. > @shadcn /ui compatible (simply copy-paste) > 10+ themes, components, blocks > Fully customizable 100% free and open-source. t.co/egpPgTzmHe

2025 Likes38 Antworten2833 Lesezeichen116.808 Aufrufe

Auf X ansehen
Weitere Posts im Thread (10)
  1. Give it a ⭐️ on GitHub: t.co/hq5TCrQnsS
  2. Try it here: t.co/5ffZdbLWAu
  3. @harshjdhv @shadcnlabs @kanewang_ @shadcn Haha, thanks! So much left to build, so little tokens :)
  4. @ShadcnStudio @shadcnlabs @kanewang_ @shadcn Thanks!
  5. @leodang00 @shadcnlabs @kanewang_ @shadcn it's clearly mentioned in the X bio
  6. @euchicosousa @shadcnlabs @kanewang_ @shadcn Glad you found it useful!!
  7. @PaulSandersSCP @shadcnlabs @kanewang_ @shadcn Thanks Paul!
  8. @dreamit_jamie @shadcnlabs @kanewang_ @shadcn Did you check the project and the work that I put in atleast? :/
  9. @apticus @shadcnlabs @kanewang_ @shadcn shadcn registry of PDF components which you can install via single command or simply just copy-paste
  10. @manudecegliee @shadcnlabs @kanewang_ @shadcn Yes, it's completely free.
Ausgewählte Antworten (5)
  • @leodang00 @alaymanguy @shadcnlabs @kanewang_ @shadcn Does.@shadcnlabs belong to @shadcn ? Kind of confusing
  • @dreamit_jamie @alaymanguy @shadcnlabs @kanewang_ @shadcn Change your name. It makes you look lazy by building on someone elses work @shadcn
  • @manudecegliee @alaymanguy @shadcnlabs @kanewang_ @shadcn Could I integrate this into t.co/EYefYEwKaj?
  • @harshjdhv @alaymanguy @shadcnlabs @kanewang_ @shadcn Man is on a generational run to create the best shadcn ecosystem
  • @kanewang_ @alaymanguy @kyledotai @shadcnlabs @shadcn maybe can ask @harlan_zw 🐐

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • X-Post:Aniket Pawar

    pdfcn: Gestaltbare PDF-Komponenten passend zu shadcn/ui

    Aniket Pawar teilt das Projekt pdfcn, eine Komponentenbibliothek zur Erstellung von gestaltbaren, barrierearmen PDFs, die auf Takumi und Forme basiert und mit shadcn/ui kompatibel ist.

    529Lesezeichen40.344Aufrufe

    Webentwicklung· Tool

  • X-Post:Shadcn Labs

    pdfcn: Gestaltbare PDF-Komponenten für shadcn/ui

    Shadcn Labs verweist auf pdfcn, eine Komponentenbibliothek zur Erstellung von gestaltbaren, barrierefreien PDF-Dokumenten. Die Bibliothek basiert auf Takumi sowie Forme und ist auf die Verwendung mit shadcn/ui ausgelegt.

    935Lesezeichen109.449Aufrufe

    Webentwicklung· Tool

  • Repository:shadcn-labs/pdfcn

    pdfcn: React-Komponenten für PDF-Erstellung im shadcn-Stil

    pdfcn ist eine quelloffene Komponentenbibliothek zur Erstellung von PDFs mit React. Sie basiert auf Takumi sowie Forme und übernimmt das Copy-Paste-Prinzip und CLI-Workflow-Modell von shadcn/ui.

    1045SterneTypeScript

    Webentwicklung· Tool

  • X-Post:Aniket Pawar

    emailcn: Kostenlose E-Mail-Komponentenbibliothek im shadcn-Stil

    Aniket Pawar empfiehlt emailcn, eine kostenlose Sammlung von E-Mail-UI-Komponenten, die auf Zugänglichkeit und Anpassbarkeit ausgelegt ist und mit React Email, MJML React sowie JSX Email zusammenarbeitet.

    538Lesezeichen40.810Aufrufe

    Webentwicklung· Tool

  • X-Post:Aniket Pawar

    Ankündigung von Shadcn Labs: Primitive für das KI-Zeitalter

    Aniket Pawar hat das Projekt Shadcn Labs angekündigt, das neue Basis-Bausteine für Softwareentwickler im Zeitalter künstlicher Intelligenz bereitstellen soll. Das Vorhaben knüpft namentlich an das bekannte UI-Ökosystem an und nennt Werkzeuge wie termcn, agentcn und mcpcn.

    173Lesezeichen21.061Aufrufe

    KI & AI· Ankündigung

Lassen Sie uns über Ihr Projekt sprechen

Standorte

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

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.