📓

Notebook to HTML

Q: Do I need to run the notebook first, or can I paste one that already has outputs?

Paste the raw .ipynb JSON as-is, including any stream text, execute_result, or error outputs already saved in the file, they are rendered directly without re-executing any code.

Q: Does the code get real syntax highlighting?

Yes, a built-in tokenizer highlights strings, comments, numbers, keywords, and function calls in code cells using pattern matching, no external highlighting library is loaded.

Q: Can I get a standalone HTML file out of this, not just a preview?

Yes, Copy HTML on the HTML tab copies a complete self-contained HTML document with inline CSS for every cell type, ready to save and open on its own.

Developer

Render Jupyter .ipynb notebook files as HTML preview. Paste notebook JSON and see rendered markdown cells, syntax-highlighted code, and outputs instantly in your browser.

Notebook JSON

{
  "nbformat": 4,
  "metadata": {
    "kernelspec": {
      "display_name": "Python 3",
      "language": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "source": "# Welcome to Jupyter\n\nThis is a **markdown** cell with _formatting_."
    },
    {
      "cell_type": "code",
      "execution_count": 1,
      "source": "print('Hello, Jupyter!')",
      "outputs": [
        {
          "output_type": "stream",
          "name": "stdout",
          "text": "Hello, Jupyter!\n"
        }
      ]
    },
    {
      "cell_type": "markdown",
      "source": "## Code cells also support multiple lines"
    },
    {
      "cell_type": "code",
      "execution_count": 2,
      "source": "def fib(n):\n    if n <= 1:\n        return n\n    return fib(n-1) + fib(n-2)\n\n[fib(i) for i in range(8)]",
      "outputs": [
        {
          "output_type": "execute_result",
          "execution_count": 2,
          "data": {
            "text/plain": "[0, 1, 1, 2, 3, 5, 8, 13]"
          }
        }
      ]
    }
  ]
}

Rendered Preview

Welcome to Jupyter

This is a markdown cell with formatting.

print(&class="nb-comment">#class="nb-num">39;Hello, Jupyter!&#class="nb-num">39;)

Hello, Jupyter!

Code cells also support multiple lines

class="nb-kw">def fib(n):
    if n <= class="nb-num">1:
        return n
    return fib(n-class="nb-num">1) + fib(n-class="nb-num">2)

[fib(i) for i in range(class="nb-num">8)]

[0, 1, 1, 2, 3, 5, 8, 13]

A Jupyter notebook's actual value, its markdown explanations, its code, and the plots or printed results that code actually produced, is locked inside a JSON file that needs Jupyter itself installed to view properly, which isn't always something a reader on the other end actually has. This tool renders a pasted .ipynb notebook as HTML directly in the browser, showing rendered markdown cells, syntax-highlighted code, and its outputs together exactly as they'd appear inside Jupyter itself.

Useful for sharing a data science notebook's results with someone who doesn't have Jupyter installed, viewing a notebook's rendered output and plots without running Python locally at all, or embedding a notebook's analysis into a webpage or a blog post as static HTML.

Key features

Clean interface
Fast processing
No signup required
Works offline

Quick answers for Notebook to HTML

Do I need to run the notebook first, or can I paste one that already has outputs?

Paste the raw .ipynb JSON as-is, including any stream text, execute_result, or error outputs already saved in the file, they are rendered directly without re-executing any code.

Does the code get real syntax highlighting?

Yes, a built-in tokenizer highlights strings, comments, numbers, keywords, and function calls in code cells using pattern matching, no external highlighting library is loaded.

Can I get a standalone HTML file out of this, not just a preview?

Yes, Copy HTML on the HTML tab copies a complete self-contained HTML document with inline CSS for every cell type, ready to save and open on its own.

Notebook to HTML

Welcome to Jupyter

Code cells also support multiple lines

Key features

Related Developer tools

Fake Data Generator

JSON to TypeScript Types

Email Validator

API Endpoint Debugger

JSON Path Tester

CSS Class Generator

Related Blog Posts

Quick answers for Notebook to HTML