開発者ツール

Code Editor

Edit HTML, CSS, and JavaScript in a simple focused workspace.

HTML

<main>
  <h1>Hello NovaKit</h1>
</main>

main {
  font-family: system-ui;
  color: #166b6b;
}

console.log('Ready');

プレビュー

FAQ

What is the Code Editor for?

It lets you edit HTML, CSS, and JavaScript side by side and see the current result in a live preview.

Does the preview update automatically?

Yes. The preview iframe is generated from the current HTML, CSS, and JavaScript values.

Is the preview isolated from the NovaKit page?

Yes. The result runs inside a sandboxed iframe to keep the editor page separate from the previewed code.