Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Framework

pdfcn

Beautiful PDF components for React, 100% free with zero config and one-command setup.

Visit pdfcn4.4

  • Rating

    4.4 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web, Cross-Platform

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is pdfcn?

pdfcn is a library of beautiful PDF components built on Takumi and Forme that lets React developers generate polished PDF documents with a shadcn-style workflow. It is completely free, requires zero configuration and sets up with a single command.

Third-party open-source projects. We are not affiliated with their authors; repositories are provided as-is by their maintainers. Review each project's license, code and security before installing. See our Disclaimer.

Pros: what pdfcn does well

  • Familiar shadcn-style developer experience for PDFs
  • Zero config with one-command setup
  • Completely free and open source

Cons: where it falls short

  • Requires a React codebase
  • Young library, so the component set is still growing
  • Complex layouts may need manual tuning

Who pdfcn is for

React developers who need to generate polished PDF documents.

Who can skip it

Non-developers looking for a drag-and-drop PDF editor.

pdfcn alternatives

Not sold on pdfcn? These do a similar job, and each card says what it has in common.

All Workflows resources

shadercn

Focus: shaders, webgpu and wgsl. Shares react and components with pdfcn. A website, not a framework. Rated 4.5 (pdfcn: 4.4).

WebsiteFreeWeb
4.5Visit

Coded Visuals

Focus: animated visuals, landing pages and marketing. Shares react and shadcn with pdfcn. Rated 4.6 (pdfcn: 4.4).

FrameworkFreeWeb
4.6Visit

Toggles.dev

Focus: theme toggle, dark mode and svelte. Shares react and shadcn with pdfcn. Rated 4.6 (pdfcn: 4.4).

FrameworkFreeWeb
4.6Visit

21st

Focus: tailwind, ui and templates. Shares react and components with pdfcn. A website, not a framework. Freemium (pdfcn: Free). Rated 4.7 (pdfcn: 4.4).

WebsiteFree planWeb
4.7Visit

Keyline Icons

Focus: icons, svg and design. Shares react and shadcn with pdfcn. A website, not a framework. Rated 4.6 (pdfcn: 4.4).

WebsiteFreeWeb
4.6Visit

Free alternatives to pdfcn

Want to spend nothing? These free picks cover similar ground.

microcharts

Focus: charts, sparklines and svg. Shares react and components with pdfcn. A website, not a framework. Rated 4.5 (pdfcn: 4.4).

WebsiteFreeWeb
4.5Visit

Spectrum UI

Focus: nextjs, tailwind and animation. Shares react and components with pdfcn. Rated 4.5 (pdfcn: 4.4).

FrameworkFreeWeb
4.5Visit

Click

Focus: python, cli and command line. Shares developer tools and open source with pdfcn. Adds macOS, Windows and Linux. Rated 4.8 (pdfcn: 4.4).

FrameworkFreemacOS, Windows
4.8Visit

React Bits

Focus: ui components, animations and effects. Shares react and open source with pdfcn. Rated 4.7 (pdfcn: 4.4).

FrameworkFreeWeb
4.7Visit

Kokonut UI

Focus: ui components, tailwind and nextjs. Shares react and open source with pdfcn. Rated 4.6 (pdfcn: 4.4).

FrameworkFreeWeb
4.6Visit

Toolcraft

Focus: ai, design tools and design engineering. Shares open source and developer tools with pdfcn. Rated 4.5 (pdfcn: 4.4).

FrameworkFreeWeb
4.5Visit
Are you the maker of pdfcn?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.