Kayzart — Live HTML Landing Pages

Kayzart turns custom HTML, CSS, and JavaScript into a real, publishable WordPress landing page — rendered live as you edit, kept clean and independent from your active theme, with no page builder and no build tooling to set up.

Write the page by hand, start from a template, drop in code from a designer, or paste what an AI tool gave you. The source doesn’t matter — Kayzart is where that code becomes a page you can preview, keep editing, and ship in minutes, without a child theme and without fighting your theme’s header, footer, and styles.

Who this is for People comfortable with HTML/CSS who want full control over the result — freelancers, agencies, and developers who need a clean landing page fast, without a child theme, a page builder, or a build pipeline. Non-developers can still tweak text, links, and images visually from the Elements panel.

What you can do * Edit everything live with a CodeMirror 6 editor and instant iframe preview * Click an element in the preview to jump to its code (real-time DOM selection) * Keep the page theme-independent in Standalone mode, or render inside your theme in Theme mode * Use plain CSS or TailwindCSS (auto-compiled) per page * Run modern JavaScript (Classic script or ES Module) * Bring a full HTML/CSS/JS page from anywhere and run it as-is * Duplicate an existing landing page as a draft from the page list * Restrict external embeds with an allowlist

Works great with Bring HTML from anywhere — hand-written, a template, a designer, or an AI tool like ChatGPT, Claude, Gemini, or v0. Kayzart doesn’t generate the code — it’s where that code becomes a real, publishable WordPress page you can keep editing.

Development repository: https://github.com/ksartoffice/kayzart-live-code-editor

The admin editor bundle (assets/dist/) is compiled from the TypeScript/React sources in src/ with Vite. To reproduce the build from the repository: install dependencies with npm install and composer install, then run npm run build to generate the bundled assets. npm run plugin-zip produces the distributable package.

Credits

This plugin bundles third-party libraries: * CodeMirror — MIT License — https://github.com/codemirror * Emmet CodeMirror 6 Plugin — MIT License — https://github.com/emmetio/codemirror6-plugin * js-beautify — MIT License — https://github.com/beautify-web/js-beautify * Lucide — ISC License — https://github.com/lucide-icons/lucide * parse5 — MIT License — https://github.com/inikulin/parse5 * TailwindPHP — MIT License — https://github.com/ksartoffice/tailwindphp