How does Code Runner work?

Open the tool, provide the required input, adjust available options, and process the result directly in your browser.

Do I need an account?

No. NovaKit tools are designed for direct use without account setup.

Developer

Run HTML, CSS, and JavaScript snippets in an isolated preview iframe.

<button id='demo'>Click me</button>

body {
  font-family: system-ui;
  padding: 32px;
}
button {
  padding: 12px 16px;
}

document.getElementById('demo').addEventListener('click', () => alert('Hello NovaKit'))

FAQ

How is Code Runner different from Code Editor?

Code Runner focuses on quickly running snippets with compact editors and a larger preview area for checking the result.

Can JavaScript run in the preview?

Yes. The preview iframe allows scripts so you can test interactive HTML, CSS, and JavaScript snippets.

Why is the preview beside the editors?

The layout keeps the output visible while you edit, which is useful for fast UI and interaction experiments.

Related tools