PDF Page Reorder
Drag real page thumbnails to rearrange your PDF. Add multiple PDFs and reorder their pages together. Rotate, delete, or insert blank pages. Use Reset All to start over — no auto-download, 100% browser-based.
How to Reorder PDF Pages
Drop files in the zone or click "Choose PDF File(s)". Each PDF is loaded and its pages are appended to the grid. The sidebar lists all files with coloured chips — each file gets its own border colour in the grid so you know which pages came from which document.
Drag any thumbnail tile to a new position. Use ↻ to rotate 90°, 🗑 to delete a page, and 📄+ to insert a blank white page after a tile. In the sidebar, drag a file row (grip handle on the left) to move that file's entire page block above or below another file. Click "Reverse All" to flip the whole order. Use "Reset all" in the sidebar to restore the original arrangement at any time.
Click "Save PDF (N pages)" in the sidebar. pdf-lib assembles the pages in your exact visual order. A result screen with Download PDF, Edit Order, and New PDF buttons appears — click Download PDF to save the file.
Features
PDF.js renders actual page previews. The grid stays fixed-height and scrolls for large documents.
Add up to 10 PDFs. All pages appear in one scrollable grid for combined organisation.
Drag any page thumbnail to any position. File-border colours make it easy to track origin.
Drag a file row (grip handle) in the sidebar to move its entire page block above or below another file.
Instantly restores original page order, clears rotations, and removes blank pages — without re-uploading.
Rotate individual pages 90°, 180°, or 270°. Visual feedback on the thumbnail in real time.
Remove any page. Deleted pages are excluded from the output PDF.
Add a white blank page after any tile for separators or double-sided printing layout.
No auto-download — review the result first, then click Download PDF to save.
PDF.js and pdf-lib run entirely in your browser. No file ever reaches a server.
When Do You Need to Reorder PDF Pages?
Page order problems in PDFs are more common than most people expect. Scanned documents frequently come out with pages in the wrong order — especially when a scanner is loaded incorrectly, or when scanning a double-sided document page by page. PDFs assembled from multiple sources by merging individual files may have sections in the wrong sequence. Presentation slides converted from PowerPoint sometimes shuffle during conversion. Legal and financial documents often need section reordering before sharing with clients. In all these cases, reordering pages is the only fix.
This tool also solves a common problem beyond simple reordering: you have pages across two or three separate PDFs and want to interleave them into one document in a specific order. Upload all of them at once, drag individual pages freely across file boundaries, and save as a single organised PDF. Without a dedicated tool, this would require Acrobat (expensive), complex command-line scripting, or multiple steps in a merge tool. Here it is one drag-and-drop session. If you only need to extract specific pages before reordering, start with the PDF Page Extractor first.
How Real Page Thumbnails Are Rendered
Unlike tools that show only numbered tiles, this tool renders actual page previews using PDF.js — the same JavaScript PDF renderer used by Firefox. When you upload your PDF, the tool loads each page and renders it to an HTML canvas at twice the tile display size (260px wide canvas, displayed at ~130px). Rendering at 2× and scaling down produces sharp, readable previews even for pages with small text. The thumbnails load progressively — the first few appear almost instantly while later pages render in the background.
The thumbnail rendering is done entirely in your browser — no server receives your file. Thumbnails are displayed using objectFit: cover to fit the tile shape, and the rotation value you apply with the ↻ button is reflected visually on the thumbnail in real time using CSS transform: rotate(). This lets you confirm the final rotation before saving.
How Drag-and-Drop Reordering Works
The tool uses the browser's native HTML5 drag-and-drop API. When you start dragging a page tile, the browser marks that tile as the drag source. As you drag over other tiles, the dragOver event tracks which tile is the drop target and highlights it with a green border. When you release (the drop event), the tool updates the React state array: the dragged page is removed from its original position and inserted at the drop position. The grid re-renders immediately with the new order.
The visual order you see in the grid is exactly the page order used when saving. When you click "Save Reordered PDF", pdf-lib is given the page array in your current visual order. It calls copyPages() for real pages and addPage() for blank pages, assembling the output in your specified sequence. The result is a completely new PDF — the original file is untouched.
Inserting Blank Pages Between PDF Pages
The 📄+ button on each page tile inserts a blank page immediately after that tile. This feature is useful for adding visual separators between sections, preparing a document for double-sided printing where odd-numbered pages must be on the right, or building a structured document where some pages need deliberate empty space.
Blank pages are given the same dimensions as the surrounding real pages (using the first real page's width and height as the reference). In the grid they appear with a white page icon and a "BLANK" label so they're visually distinct. You can reorder blank tiles the same way as real page tiles — drag them to any position. You can also delete them with the 🗑 trash button if you change your mind.
Deleting and Rotating Pages While Reordering
The 🗑 delete button removes a page tile from the grid immediately — no confirmation step. The tile disappears and the page will be absent from the output PDF. This is faster than the Delete PDF Pages tool when you only want to remove a small number of pages during the same session where you are also reordering. For bulk page deletion across a large document, the dedicated Delete PDF Pages tool (with its page range input) may be more efficient.
The ↻ rotate button adds 90° to the page's current rotation. Clicking it 4 times returns to the original orientation. The tile's thumbnail rotates visually in real time using CSS. The final rotation is applied when saving: pdf-lib reads the page's existing rotation angle and adds your incremental rotation using setRotation(degrees(angle)). Pages with no rotation clicked still carry their original PDF rotation value to the output unchanged.
Real-World Use Cases
Reversed scan fix: A physical document was scanned with the last page feeding through first. The PDF has pages in reverse order (10, 9, 8... 1). Click "Reverse All" in the top bar and save — fixed in one click without rescanning. Multi-PDF assembly: You have a cover letter (1 PDF) and a resume (1 PDF) that need to be combined in a specific page order. Add both files, use the sidebar ↑↓ buttons to put the cover letter first, then save as one merged, ordered PDF.
Client report customisation: A standard 10-page report template has a fixed section order, but a specific client needs the executive summary (page 8) first. Drag page 8's thumbnail to position 1, click Save. Done — without recreating the report. Experiment and reset: You are trying several different arrangements to see which works best. After each attempt, click "Reset all" to restore the original order and try a different arrangement. No re-uploading is needed between attempts. Print layout: A booklet needs blank separator pages between chapters. Use 📄+ after each chapter's last page to insert white blank pages, then download the print-ready PDF.
When Not to Use This Tool
For very large PDFs (200+ pages), thumbnail rendering may take extra time on older or lower-RAM devices — the grid itself scrolls correctly, but waiting for all 200+ thumbnails to appear takes longer. In those cases, consider splitting the PDF into sections first using the Split PDF tool, reordering each section, then merging. This tool works at the full-page level — it cannot rearrange content within a single page, reorder paragraphs, or move images inside a page. For that, a full PDF editor like Adobe Acrobat is needed. Also, if you are doing the same reordering operation on many PDFs, this tool requires each file to be processed manually — batch reordering across dozens of files is not supported here.