Components
A scrollable PDF viewer with toolbar, zoom, rotate, search, text selection, thumbnail navigation, upload and download. Powered by EmbedPDF with PDFium-backed page rendering.
npx shadcn@latest add https://21st.dev/r/extend-hq/pdf-viewerLoading preview...
"use client";
import { PDFViewer } from "@/components/ui/pdf-viewer";
const SAMPLE_PDF =
"https://cdn.jsdelivr.net/gh/mozilla/pdf.js@master/web/compressed.tracemonkey-pldi-09.pdf";
export default function Default() {
return (
<div className="mx-auto w-full max-w-3xl p-6">
<PDFViewer
src={SAMPLE_PDF}
fileName="tracemonkey-pldi-09.pdf"
className="h-[640px]"
/>
</div>
);
}