An interactive canvas for quantum education and collaboration

Design, simulate and visualize quantum circuits in your browser, next to the notes, formulas and educational elements that explain them.

Free, No SetupOpen AccessNon-Profit Association

Open QCanvas Watch the tutorial

The whole lesson on one canvas

Built for teaching, and for working together. One document you share as a file, hand to a class, or save to Google Drive or OneDrive.

TextMathematicsCircuit designerCircuit examplesSimulationBloch spheresQuizVideo and imagesCode files

Superposition & Measurement

A classical bit is 0 or 1. A qubit can be in a superposition of both:

Measuring gives 0 with probability and 1 with probability . The Hadamard gate H builds an equal superposition from :

So measuring gives 0 or 1 with 50% probability each, a perfect quantum coin flip.

The Bloch sphere

Circuit designer

Definition

Hadamard: Turns into an equal superposition of and .
Measurement: Reads the qubit as 0 or 1 and writes it to the classical bit.

Simulation results

State VectorProbabilityHistogram

Bloch sphere

The arrow points at on the equator, halfway between and .

Quiz

Two H gates in a row

H twice in a row on , then a measurement. Will it be 50/50 again, or something else?

Reveal answer

100% zero. The two H's interfere: the amplitudes cancel and returns with certainty.

Start here
Build, design, simulate
Drag plugins onto the canvas, resize and move them, and add quiz questions and hint boxes as checks for understanding. Create interactive tutorials, lecture notes or documents.
Plugins
Basics
TextRectangleEllipseTriangleDiamondFile ViewerQuizYouTube
Mathematics
EquationMatrixColumn vectorRow vectorPlotDistributionVector planeComplex planeUnit circle
Quantum Circuits
QubitPhotonic
Circuit Examples
Bell StateGHZ StateRotationsDeutsch-JozsaGrover'sTeleportationQFTQPEMZIHOMSqueezed MZIBoson Sampling
Visualizations
Q-SphereBloch SphereResults
Entanglement
Two qubits can share a single state, so measuring either one decides both.
HXYZSS^†TT^†PR_xR_yR_zUCR_xCR_yCR_zCPCSCS^†M
State VectorProbabilityHistogram
Show all (4)
1Both qubits of |Φ⁺⟩ are measured. Which outcomes can appear?
|01⟩ and |10⟩
|00⟩ and |11⟩
All four outcomes, equally often
Submit1 / 1 correct
H
InstructorH
Multiparadigm
Qubit and photonic circuits on one canvas
Design qubit and photonic circuits in one interface, simulate them for free with Qiskit and Piquasso, and compare the two models side by side.
State VectorProbabilityHistogram
Show all (4)
HistogramProbabilityFock Distribution
Mode 0Mode 1
Show all (3)
Simulators and quantum computers
Run on real quantum hardware with qBraid
Connect your qBraid account, send the same circuit to hosted simulators and real quantum computers, and read the results right next to it.
Emerald, 13 Oct 17:35
HistogramRun
256 shots
Ran on Emerald IQM via qBraid, 256 shots, 13 Oct 17:41, 70.96 credits
Where should this circuit run?
2 qubits, 256 shots. Prices are for these shots.
2 qubits, 256 shots.
Prices are for these shots.
qBraid••••a1b2400 creditsDisconnect
Search 25 optionsFree onlyCan run this circuit
Hosted simulators
DM1AWS17 qubitsOnline, 0 jobs ahead7.5 credits per minute
GPU State Vector SimulatorqBraid35 qubitsOnline5 credits per minute
Quantum computers
Cepheus-1-108Q (AWS)Rigetti107 qubitsOnline, 0 jobs ahead40.88 credits
EmeraldIQM54 qubitsOnline, 0 jobs ahead70.96 credits
Forte 1 (OQ)IonQ36 qubitsOnlineOQ credits
GarnetIQM20 qubitsNext available Tue 18:1567.12 credits
IBEX Q1AQT12 qubitsNext available Wed 09:00631.6 credits
Every run is confirmed before it is sent. Free simulators power the live simulation.Add credits on qBraid ↗

Exports

From the canvas to code

Every format is generated from the circuit on the canvas, so your lesson, your code and your paper show the same circuit.

OPENQASM 3.0;include "stdgates.inc";bit[3] c;qubit[3] q;h q[0];cx q[0], q[1];cx q[1], q[2];c[0] = measure q[0];c[1] = measure q[1];c[2] = measure q[2];

DECLARE m0 BIT[1]DECLARE m1 BIT[1]DECLARE m2 BIT[1]H 0CNOT 0 1CNOT 1 2MEASURE 0 m0[0]MEASURE 1 m1[0]MEASURE 2 m2[0]

import cirqq = cirq.LineQubit.range(3)ghz = cirq.Circuit(    cirq.H(q[0]),    cirq.CNOT(q[0], q[1]),    cirq.CNOT(q[1], q[2]),    cirq.measure(*q, key='c'),)print(cirq.Simulator().run(ghz, repetitions=1000))

import numpy as npimport piquasso as pqwith pq.Program() as program:    pq.Q(0, 1) | pq.StateVector([1, 1])    pq.Q(0, 1) | pq.Beamsplitter(theta=np.pi / 4)    pq.Q(0, 1) | pq.ParticleNumberMeasurement()simulator = pq.PureFockSimulator(d=2, config=pq.Config(cutoff=3))result = simulator.execute(program, shots=1000)print(result.samples)  # (2, 0) and (0, 2), never (1, 1)

\begin{quantikz}  \lstick{$q_0$} & \gate{H} & \ctrl{1} & \qw      & \meter{} \\  \lstick{$q_1$} & \qw      & \targ{}  & \ctrl{1} & \meter{} \\  \lstick{$q_2$} & \qw      & \qw      & \targ{}  & \meter{}\end{quantikz}

Portable formatsOpenQASM, Quil, QIR, Cirq and pytket for the pipelines you already have.
Figures for papersLaTeX with Quantikz, PNG and SVG.

Tutorial

Learn how to use QCanvas, in detail

The full tutorial, recorded in the app, from an empty canvas to a finished lesson.

10+ min

Built-in projects

Start from a project

Six built-in projects open in the app, from a first tour of the canvas to error correction.

Welcome to QCanvas

Start here if you are new to QCanvas

BEGINNER

The Mathematics of Quantum Computing

Complex numbers, vectors, matrices and probability, ending on a real circuit

BEGINNER

Introduction to Quantum Computing

An interactive project introducing the core ideas of quantum computing

BEGINNER

Quantum Entanglement

Bell states and correlated photons in both paradigms

INTERMEDIATE

Grover's Search

An introduction to Grover's algorithm and quantum search

ADVANCED

Quantum Error Correction

An introduction to the three-qubit code and correcting errors without reading the data

ADVANCED

Who it is for

Instructors

Build interactive lessons with explanations, circuits and exercises side by side on one canvas.

Students

Work through lessons at your own pace, simulate circuits and add your own notes.

Researchers

Design circuits, collaborate with colleagues, and export publication-ready figures, LaTeX and SDK code.

Non-profit

Built for teaching

QCanvas is built by QCR MTÜ, a non-profit association in Estonia, and is already used in workshops, universities and high schools.

Free to useOpen accessNon-profit

Teaching with QCanvas, or want to help it grow? Reach out to collaborate on course content, request a feature or support our work.

Reach out Support our work

Cite us in your work

Using QCR or QCanvas in your research or education? Feel free to cite our QCanvas paper.

@inproceedings{Joczik2025QCanvas,
  author    = {Jóczik, Szabolcs and Kecskés, Bence and Kovács, Ádám and Kálmán, Orsolya and Zimborás, Zoltán},
  title     = {QCanvas: An Interactive Browser-Based Quantum Circuit Design and Simulation Platform},
  booktitle = {2025 IEEE International Conference on Quantum Software (QSW)},
  year      = {2025},
  pages     = {137--140},
  doi       = {10.1109/QSW67625.2025.00025}
}

Free, in the browser, nothing to install

Open QCanvas

An interactive canvas for quantum education and collaboration

The whole lesson on one canvas

Quiz

Build, design, simulate

Entanglement

Qubit and photonic circuits on one canvas

Run on real quantum hardware with qBraid

Where should this circuit run?

Hosted simulators

Quantum computers

From the canvas to code

Learn how to use QCanvas, in detail

Start from a project

Welcome to QCanvas

The Mathematics of Quantum Computing

Introduction to Quantum Computing

Quantum Entanglement

Grover's Search

Quantum Error Correction

Who it is for

Instructors

Students

Researchers

Built for teaching

Cite us in your work

Free, in the browser, nothing to install