5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5d:T823,

Features

Two ways to load a PDF — upload a file directly in the property panel, or point to any external PDF link. A sample document loads by default so you can style it instantly.

Smart search with highlights — visitors can search the entire document. Matches are highlighted in yellow on the page, with the current match in orange, a match counter, and next/previous navigation. Results stream in live as pages are scanned.

OCR for scanned documents — if a page has no embedded text (scanned books, photographed notes), the viewer automatically runs text recognition in the browser and still finds and highlights your search terms.

Full reading toolkit — page navigation with jump-to-page input, a clickable thumbnail sidebar, zoom in/out, fit to width, rotate, fullscreen, and download with a custom file name.

Built for mobile — pinch to zoom directly on the page, a toolbar that adapts to narrow screens by tucking secondary actions into a More menu, and a search bar that wraps cleanly instead of overflowing. Trackpad pinch works on desktop too.

Every feature is a toggle — turn the toolbar, page controls, zoom, rotate, search, thumbnails, download, and fullscreen on or off individually from the property panel. Ship exactly the viewer you need, from a bare embedded page to a full reader.

Matches your design — customize toolbar color, icon color, accent color, background, page shadow, and corner radius. The component is fully responsive and sizes itself so the first page is always fully visible, never cropped.

How to use

Drag the component onto your canvas.
In the property panel, choose Upload file or External link as the source.
Preview — the canvas shows the first page; preview and the published site render the full document.

Questions or feedback: nawazmomin.work@gmail.com

59:[["$","$L5c",null,{"post":{"id":"019ed1c0-aa93-716d-9657-b626a92b175e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"31538003-11fe-4be3-8584-4b10685f6842","name":"Nawaz Momin","slug":"nawaz-momin","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"aHlYKMu8D6fNsFmPkvWW","resolved":true,"title":"PDF View","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Two ways to load a PDF","marks":[{"type":"bold"}]},{"type":"text","text":" — upload a file directly in the property panel, or point to any external PDF link. A sample document loads by default so you can style it instantly."}]},{"type":"paragraph","content":[{"type":"text","text":"Smart search with highlights","marks":[{"type":"bold"}]},{"type":"text","text":" — visitors can search the entire document. Matches are highlighted in yellow on the page, with the current match in orange, a match counter, and next/previous navigation. Results stream in live as pages are scanned."}]},{"type":"paragraph","content":[{"type":"text","text":"OCR for scanned documents","marks":[{"type":"bold"}]},{"type":"text","text":" — if a page has no embedded text (scanned books, photographed notes), the viewer automatically runs text recognition in the browser and still finds and highlights your search terms."}]},{"type":"paragraph","content":[{"type":"text","text":"Full reading toolkit","marks":[{"type":"bold"}]},{"type":"text","text":" — page navigation with jump-to-page input, a clickable thumbnail sidebar, zoom in/out, fit to width, rotate, fullscreen, and download with a custom file name."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for mobile","marks":[{"type":"bold"}]},{"type":"text","text":" — pinch to zoom directly on the page, a toolbar that adapts to narrow screens by tucking secondary actions into a More menu, and a search bar that wraps cleanly instead of overflowing. Trackpad pinch works on desktop too."}]},{"type":"paragraph","content":[{"type":"text","text":"Every feature is a toggle","marks":[{"type":"bold"}]},{"type":"text","text":" — turn the toolbar, page controls, zoom, rotate, search, thumbnails, download, and fullscreen on or off individually from the property panel. Ship exactly the viewer you need, from a bare embedded page to a full reader."}]},{"type":"paragraph","content":[{"type":"text","text":"Matches your design","marks":[{"type":"bold"}]},{"type":"text","text":" — customize toolbar color, icon color, accent color, background, page shadow, and corner radius. The component is fully responsive and sizes itself so the first page is always fully visible, never cropped."}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag the component onto your canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In the property panel, choose "},{"type":"text","text":"Upload file","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"External link","marks":[{"type":"bold"}]},{"type":"text","text":" as the source."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview — the canvas shows the first page; preview and the published site render the full document."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions or feedback: "},{"type":"text","text":"nawazmomin.work@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:nawazmomin.work@gmail.com","target":"_blank"}}]}]}]},"introduction":"View, search and zoom any PDF","slug":"pdf-view","author":{"framerUserId":"31538003-11fe-4be3-8584-4b10685f6842","name":"Nawaz Momin","slug":"nawaz-momin","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/31538003-11fe-4be3-8584-4b10685f6842/5c9opdil"}],"post":null,"createdAt":"2026-06-16T18:45:23.877Z","updatedAt":"2026-06-16T18:45:23.877Z","publishedAt":"2026-06-16T18:45:23.870Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.click/m/PDF-viewer-code-xzGKGz.js@nOIyLPTVFclXMeMrwcuW","previewUrl":"https://obvious-clicks-372217.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"nOIyLPTVFclXMeMrwcuW"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":134,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:45:25.267Z","updatedAt":"2026-06-16T18:45:25.267Z","reported":false}}],"$L5e"]

Suggested for you