Download Page as PDF – Framer Component
Framer component to download your page as a PDF. Useful for CMS-driven pages, like invoices, to quickly share as PDF.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 11 0 L 7 0 L 7 4 C 7 4.553 7.447 5 8 5 L 14 5 L 14 3 C 14 1.343 12.657 0 11 0 Z M 11 14 L 11 8 M 14 6.24 L 14 3 C 14 1.343 12.657 0 11 0 L 3 0 C 1.343 0 0 1.343 0 3 L 0 11 C 0 12.657 1.343 14 3 14 L 6.24 14 M 8 11 L 14 11" fill="transparent" height="14px" id="SgPSWq4vE" transform="translate(3 3)" width="14px"><path d="M 4 0 L 0 0 L 0 4 C 0 4.553 0.447 5 1 5 L 7 5 L 7 3 C 7 1.343 5.657 0 4 0 Z" fill="rgb(255, 255, 255)" height="5px" id="uFLfMSw9D" transform="translate(7 0)" width="7px"/><path d="M 0 6 L 0 0" fill="transparent" height="6px" id="l0ZPnvw7K" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(255, 255, 255)" transform="translate(11 8)" width="1px"/><path d="M 14 6.24 L 14 3 C 14 1.343 12.657 0 11 0 L 3 0 C 1.343 0 0 1.343 0 3 L 0 11 C 0 12.657 1.343 14 3 14 L 6.24 14" fill="transparent" height="14px" id="jyBLLEZnu" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(255, 255, 255)" width="14px"/><path d="M 0 0 L 6 0" fill="transparent" height="1px" id="JcnW0BS_1" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(255, 255, 255)" transform="translate(8 11)" width="6px"/></g></svg>)
Get Started on Framer PRO for FREE
Click here to sign up, and get 3 Free months when upgrading your Framer Plan using code
partner25proyearly
Page to PDF: One-Click Document Export
Transform your Framer web pages into professional, downloadable PDF documents with a single click. This component is the perfect solution for creators building invoices, resumes, certificates, or reports using Framer’s CMS.
Instead of asking users to "Print to PDF" and struggle with browser margins, this component handles the heavy lifting, ensuring your layout remains crisp and formatted exactly as intended.
Key Features
CMS Ready: Dynamically generate PDFs for unique CMS pages, like personalized invoices or project briefs.
Customizable Trigger: Style the download button to match your brand perfectly using Framer’s native styling tools.
High Fidelity: Maintains text clarity and layout integrity for a professional look.
Instant Setup: Drag, drop, and define your target container—no complex coding required.
Perfect For:
Invoicing Systems: Let clients download their receipts directly from their dashboard.
Digital Resumes: Give recruiters a clean PDF version of your portfolio site.
Lead Magnets: Convert blog posts or guides into downloadable resources.
Event Tickets: Generate scannable, saveable passes for attendees.
How to Use
Drop the component onto your page.
Customize the button label, icons, and colors.
Publish and let your users start downloading!