Loom CMS

Loom CMS is a Git-backed, JAMstack content management system focused on advanced UI editing for content editors on real-world product teams. It pairs a modern Svelte-based architecture, first-class internationalization, and the widely-adopted Netlify/Decap CMS configuration format with an editorial-workflow kanban, live preview wiring for downstream framework sites (Next.js, Astro, etc.), and a refreshed editing UX.

Loom is an independent product with its own roadmap and priorities.

Highlights

• Editorial workflow UI — kanban board for Drafts / In Review / Ready, with status surfaces propagated into entry lists, the editor, and search results.
• Live preview integration — drop-in pattern (e.g. a useCmsPreview() React hook) for rendering downstream framework pages live in the editor preview iframe via postMessage.
• Editing UX refinements — block-based page editing, list/object editor improvements, table-view enhancements, surfaces for open drafts across the content UI, and other quality-of-life changes.
• Configurable label namespace — editorial-workflow PRs use the loom-cms/ label prefix by default (configurable via backend.cms_label_prefix).

Quick start

# Use pnpm — npm/yarn aren't supported.
pnpm install

# Dev server with hot reload
pnpm dev

# One-shot production build → package/dist/
pnpm build

# Auto-rebuild on src/ changes (~10s incremental)
pnpm build:watch

The build outputs package/dist/loom-cms.js (IIFE, for <script> tags) and package/dist/loom-cms.mjs (ESM, for npm consumers).

Documentation

AI agents working on a Loom-based site: these guides ship inside this package at node_modules/loom-cms/docs/ and match the installed version — read them (start with docs/agents.md) in preference to web docs. See docs/llms.txt for a machine-readable index.

Building a site with Loom? Start with the downstream guides in docs/:

• Getting started — add the Loom admin UI to your site
• Live preview — wire your pages into the editor preview iframe
• Authoring blocks (Loom standards) — block-based pages and component conventions
• Deploy to Azure — ship to Azure Static Web Apps with the OAuth proxy (the supported target)
• AGENTS template — an AGENTS.md for AI agents working on your Loom site

Loom uses the Netlify/Decap CMS configuration format. For the shared configuration reference (every backend, widget, and field type), see the external Sveltia docs:

• Getting Started
• Configuration reference
• Migration from Netlify/Decap CMS

Working on the Loom codebase itself? See the contributor guide and CONTRIBUTING.md on GitHub.

Acknowledgements

Loom CMS began as a fork of Sveltia CMS, created by Kohei Yoshino, and builds on that foundation. Sveltia CMS is MIT-licensed; Loom CMS retains the same license.

License

MIT — see LICENSE.txt.