DEV Community

Cover image for Svedit: Create Editable Svelte Sites with Svedit JSON Schemas
jQueryScript
jQueryScript

Posted on

Svedit: Create Editable Svelte Sites with Svedit JSON Schemas

Svedit: A library for building editable websites directly in Svelte. You model content with JSON schemas and site owners edit everything in place.

Key features:

✅ JSON-based content modeling with schema validation

⚡ Svelte reactivity integration for automatic updates

🎯 In-place editing without admin panel context switching

↩️ Transaction-based updates with undo/redo support

🎨 Chromeless canvas keeps UI elements in overlays

⌨️ Scope-aware keyboard shortcuts

🔧 White-box architecture exposes internals for customization

The library connects schemas to Svelte components and handles DOM selection mapping.

You define node types, write custom transforms, and control the editing experience completely.

Good for custom CMS builds, documentation platforms, or any content interface where generic admin panels don't fit.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)