Repository navigation
Home
Selldone Page Builder (@selldone/page-builder) is the open-source, in-line visual page builder of
Selldone® Business OS. It is a Vue 3 + Vuetify 3 library with two modes: an editor that
merchants use to design landing pages, popups and menu pages, and a viewer that storefronts use to render those
pages for customers. Every page is stored as structured JSON, so it is easy to save, version, generate and migrate.
- New to the package? Read Getting Started.
- Setting up a storefront or a dashboard screen? Read View and Edit Modes.
- Need image and video uploads in the editor? Read Upload Handlers.
- Storing, generating or migrating pages? Read Page JSON Structure and AI-Friendly JSON.
| Page | What you'll learn |
|---|---|
| Getting Started | Prerequisites, install, register the builder and render a first page |
| View and Edit Modes |
SetupPageBuilder, PageHyper lazy loading, LandingRender, LPageEditor props, events and shortcuts |
| Upload Handlers |
server.uploadImageUrl / uploadVideoUrl, page / popup / menu models, upload response format |
| Page JSON Structure | Page content, sections, the element tree, page style, custom CSS, .landing export files |
| Sections and Elements | The 26 built-in sections, X elements, raw HTML and Vue code sections |
| AI-Friendly JSON | Building pages from code or AI output, aiAutoFillFunction, aiPageGenerateFunction
|
| FAQ | Answers to common questions and troubleshooting |
- A visual editor with drag-and-drop sections, in-place text editing, a style panel, undo/redo, hierarchy view, custom CSS, SEO and page statistics.
- A renderer that turns saved JSON into a responsive Vuetify page, with scroll animations and behavior heatmaps.
- Ready-made sections for heroes, text, images, galleries, product listings, blogs, forms and embedded pages.
- A predictable JSON format that software can produce and update.
The Page Builder connects the Selldone dashboard (where pages are designed) with the Storefront (where pages are shown). It depends on Core for models, the Storefront SDK for live shop data, and Components for shared UI.
| Project | Documentation |
|---|---|
| Storefront | Storefront wiki |
| Components | Components wiki |
| Storefront SDK | Storefront SDK wiki |
| Backoffice SDK | Backoffice SDK wiki |
| Core | Core wiki |
| CLI | CLI wiki |
| Translate | Translate wiki |