As mentioned in my other post, I am moving away from Wordpress and towards a custom CMS for my agency's client base. The visual page building experience of Elementor is something our clients love, and I want to maintain it for our workflow and their use.

Over the past few days I've made quite a few edits and polish that I think brings this builder up to a very usable point and you may want to integrate it into your own CMS projects. (or even contribute / suggest changes to the repo)

The live builder demo is available at https://visualbuilder.org/ where you can try all the features, html import, Elementor template import, AI building and editing, etc.

If you try it out, i would love your feedback!

Highlights

• Visual drag-and-drop editor with canvas selection, action rails, structure navigator, inspector panels, undo/redo, copy/paste, and paste-style support.
• Svelte runtime renderer for published pages, with editor-only code kept separate from runtime-only routes.
• Host-first SDK contracts for persistence, media, permissions, dynamic data, AI settings, and lifecycle hooks.
• Template import for native Builder package JSON and Elementor JSON.
• HTML/CSS import that converts common markup into editable Builder nodes and preserves complex markup as safe HTML fallback nodes.
• AI create/edit workflow with OpenAI-compatible provider settings, debug mode, HTML-based creation, and safer semantic editing tools.
• Dynamic data bindings for text, rich text, URLs, media, colors/styles, numbers, attributes, visibility, and host-provided providers.
• Media library contracts and reference upload/select flows.
• Draft, autosave, publish, revision, and restore contracts with reference SvelteKit behavior.
• Dense document and drag/reorder testing, including 200/500-node fixtures.

You can find the docs / embedding instructions here:
https://github.com/BluePointDigital/svelte-visual-builder/tree/main/docs

Thank you!

I run a digital marketing agency and while we've built our client websites mostly on wordpress, the ecosystem is absolutely driving me crazy with broken updates, conflicts, and vulnerabilities.

I am working towards building a CMS in Svelte that handles the needs of our clients while maintaining a wordpress-like editing experience.

In that, the visual page building experience of Elementor is something our clients love, and we love working in. To make the transition smoother, I've created a drag and drop visual builder that you can integrate into your own Svelte projects. It even supports importing Elementor templates (to make our client transitions easier), but it may be useful for you!

Highlights

• Visual drag-and-drop editor with canvas selection, action rails, structure navigator, inspector panels, undo/redo, copy/paste, and paste-style support.
• Svelte runtime renderer for published pages, with editor-only code kept separate from runtime-only routes.
• Host-first SDK contracts for persistence, media, permissions, dynamic data, AI settings, and lifecycle hooks.
• Template import for native Builder package JSON and Elementor JSON.
• HTML/CSS import that converts common markup into editable Builder nodes and preserves complex markup as safe HTML fallback nodes.
• AI create/edit workflow with OpenAI-compatible provider settings, debug mode, HTML-based creation, and safer semantic editing tools.
• Dynamic data bindings for text, rich text, URLs, media, colors/styles, numbers, attributes, visibility, and host-provided providers.
• Media library contracts and reference upload/select flows.
• Draft, autosave, publish, revision, and restore contracts with reference SvelteKit behavior.
• Dense document and drag/reorder testing, including 200/500-node fixtures.

If you end up trying it out / liking it, please let me know! Otherwise, I hope it helps with your projects!

EDIT: You can try it yourself at the following URL: https://visualbuilder.org/