Get started with Synap Editor

Evaluate the editor in your own environment in minutes. Grab the demo package, plug in a license key, and explore 18 ready-to-run demos — no build step or server required.

Just want a quick look first? Try the online demos →

1

Get your free license key

A license key is required to run the editor. Create a free account and issue your key from the dashboard — the Free plan includes 1,000 editor loads per month.

2

Get the demo package

The official demo package ships 18 categorized examples — 12 feature demos, 5 editor modes, and UI settings. The editor itself loads from our CDN, so there is nothing to build.

npm install @synap-editor/synap-editor

or clone the repository:

git clone https://github.com/synap-editor/synap-editor-demo.git
3

Add your key and run

Create license.js at the project root with your key, then open index.html in your browser to explore every demo.

// license.js — place at the project root
var synapEditorLicense = {
  company: 'Your Company Name',
  key: ['YOUR-LICENSE-KEY'],
};