A Visual Editor for Your Website – Free & Open Source!

Do you have content on your website? Ever wished you could edit it visually, without digging into code? Intlayer Visual Editor, a free and open-source tool that allows you to edit your web app’s content directly in a visual interface. Why Intlayer Visual Editor? Multilingual support – Manage content in multiple languages effortlessly. Works with Markdown – Perfect for static sites and developers. Handles external files – Supports .md, .txt, and more. Open Source & Free – Modify and extend it as needed. Try it out: https://intlayer.org/playground Have issues or feature ideas? GitHub Repo How It Works The visual editor consists of: A frontend application – Loads your website inside an iframe and detects editable content. A server-side process – When you save changes, it updates your content declaration files (in JSON format for now). Installation & Setup Once Intlayer is configured in your project, install intlayer-editor: npm install intlayer-editor --save-dev Then, configure a intlayer.config.ts file: const config = { editor: { applicationURL: "http://localhost:3000", }, }; export default config; Using the Editor Once installed, start the editor: npx intlayer-editor start Then, open http://localhost:8000 in your browser and hover over content to edit it!

Mar 19, 2025 - 15:14

Do you have content on your website? Ever wished you could edit it visually, without digging into code?

Intlayer Visual Editor, a free and open-source tool that allows you to edit your web app’s content directly in a visual interface.

Try it out: https://intlayer.org/playground

Have issues or feature ideas? GitHub Repo

The visual editor consists of:

A frontend application – Loads your website inside an iframe and detects editable content.
A server-side process – When you save changes, it updates your content declaration files (in JSON format for now).

Once Intlayer is configured in your project, install intlayer-editor:

npm install intlayer-editor --save-dev

Then, configure a intlayer.config.ts file:

const config = {
  editor: {
    applicationURL: "http://localhost:3000",
  },
};
export default config;

Once installed, start the editor:

npx intlayer-editor start

Then, open http://localhost:8000 in your browser and hover over content to edit it!