Website & CMSJavaScriptNew
A drag and drop page builder you add to your own website, CMS or web app with two lines of JavaScript. Your users build the pages; you get clean, responsive Bootstrap 5 HTML.
For developers and agencies whose clients need to build pages without writing code.
$29 one-off payment free updates 6 months of support
Your users drag blocks and ready-made sections onto a canvas that loads your site's own stylesheets, then type straight onto the page. PageFlow hands you readable Bootstrap 5 markup with no trace of the editor, ready to save in your database and render with your theme.
It is plain JavaScript with no dependencies: no jQuery, no framework, no account or API key. The package includes the sources, a secure PHP upload handler, seven examples and full documentation. PageFlow is also the page builder inside Pandao CMS.
Drag a block or a whole section onto the page, and a single line shows where it will land. There are 27 blocks, from headings, buttons and images to cards, accordions and maps, and 13 ready-made sections: heroes, features, pricing, testimonials, FAQ, team, contact and more. You can also click to add a block, or tap it on a touch screen.
Pages are edited in a frame that loads your site's stylesheets, so Bootstrap breakpoints really apply: the desktop, tablet and phone previews show the actual layout. Drag the edge of a column to resize it, set a width for each screen size and hide blocks on the screen sizes you choose.
Edit text in place with PageFlow's own editor: headings, lists, links, alignment and tables, with clean pasting from Word or Google Docs. Set the spacing, colours, background image, corners and shadow of each block; settings use Bootstrap 5 utility classes wherever Bootstrap has one.
PageFlow writes readable, indented Bootstrap markup with nothing left over from the editor. It imports the pages you already have: what it recognises becomes blocks, and the rest stays as it is. Load one script, as an ES module or a global, then use its options, methods and events, register your own blocks and fields, or keep the jQuery syntax of version 1.
Everything that enters the page is cleaned, whether typed, pasted or imported: no scripts, no event attributes, no javascript: links. Pictures are uploaded to your server, never stored in the page, and the included PHP handler checks what each file really contains, then saves a re-encoded copy under a random name.
One script of plain JavaScript, about 100 KB gzipped, with no jQuery, no framework and no account or API key. PageFlow returns the page as HTML, so you can save it with PHP, Node.js, Python or anything else. It runs under a strict Content Security Policy and works in React, Vue or any framework.
Undo and redo up to 100 steps, keyboard shortcuts, copy and paste between pages and browser tabs, a layers panel to reach any block, saved blocks to reuse, and optional browser drafts that bring your changes back after a crash or a closed tab.
The interface comes in English, French, Spanish, German, Italian and Portuguese, and you can add your own language. Choose a light, dark or automatic theme; right-to-left content is supported.
Yes. The live demo is the full editor: drag blocks and sections, edit the text, resize columns, switch to the phone preview, view the HTML and upload a picture. Your changes stay in your browser, and uploaded pictures are deleted every night.
Any. PageFlow runs in the browser and gives you the page as HTML, which you save with PHP, Node.js, Python, .NET or anything else, in any database. Pictures are sent to an upload URL on your server: the package includes a secure PHP handler, and the documentation describes what a handler in another language must return.
They need Bootstrap 5 CSS, because the blocks use its classes; Bootstrap's JavaScript isn't needed. The editor itself has no dependencies, and its canvas loads your own stylesheets so that pages look the same as on your site.
Yes. PageFlow is a single script, as an ES module or a global, with options, methods and events. The documentation shows how to mount it in React or Vue, and a jQuery bridge keeps the syntax of PageFlow 1.
Yes. Register a block with its template and settings, add your own fields and sections, and choose which blocks the palette offers. You can also replace the built-in text editor with CKEditor, TinyMCE or another one. See Custom blocks.
Yes. Pandao CMS uses PageFlow to edit pages, articles and widgets, and has included PageFlow 2 since version 8.4. Buy PageFlow on its own to add it to another website or app, or choose Pandao CMS for a complete website with an admin panel.
A Regular licence covers one end product that its users don't pay for: a website or an app, yours or a client's. If they do, for example with a paid web app or a SaaS, you need the Extended licence. See Envato's licence terms.
Yes. You pay once on CodeCanyon and every update is free. Six months of support are included: extend them to twelve when you buy, or renew them later.
Already a customer? Installation, email and payment issues are answered on the support page. Another question before buying? Ask it in the product's Comments tab on CodeCanyon.
$29 once on CodeCanyon, free updates and 6 months of support. Try every screen on the live demo first.
Buy on CodeCanyon for $29 Live demoDocumentation
Bought it already? Open the Support tab · How support works