Control Panel
Select a module
Choose from the sidebar to begin
Drag to rotate
Quantum Lab
Documentation
Documentation

Understand
Quantum Mechanics
one step at a time.

Quantum Lab is an interactive 3D playground for exploring the fundamental ideas behind quantum computing — no physics degree required. Four self-contained modules let you see, manipulate, and measure qubits in real time.

What is Quantum Lab?

A visual intuition engine for quantum ideas

Classical computers store information as bits — tiny switches that are either off (0) or on (1). Quantum computers use qubits, which can be in a blend of both states at once. Quantum Lab lets you see, manipulate, and measure qubits in real time directly in your browser.

Every module is self-contained. You don't need to complete them in order — dip in wherever your curiosity takes you.

Interactive 3D Scenes
Drag to rotate Bloch spheres, watch the state vector animate as you apply gates, and see entanglement links rendered live — all in WebGL.
Quick Insight
Every module includes a collapsible Quick Insight panel at the bottom of the dashboard that explains the physics in plain language.
Live Dashboard
The control panel updates in real time — showing state equations, probability bars, concurrence, fidelity timelines, and gate matrices.
Guided Tour
A step-by-step walkthrough introduces the interface. Re-launch it any time with the Tour button in the top-right corner of the lab.

Getting Started

Up and running in under a minute

Quantum Lab runs entirely in your browser — nothing to install. Here's the fastest path from zero to your first quantum state.

01
The 3D viewport loads automatically
When Quantum Lab opens you'll see an empty scene and the module selector in the left sidebar. A guided Tour will start automatically on your first visit.
02
Pick a module from the sidebar
Click Bloch Sphere, Gates, Entanglement, or Decoherence. The 3D scene and the dashboard panel both update immediately.
03
Drag to rotate the scene
Click and drag anywhere on the canvas to orbit the Bloch sphere. The scene uses OrbitControls — scroll to zoom, right-click to pan.
04
Use the dashboard controls
The control panel on the right is the live control center. Interactive controls are at the top — tap state presets, apply gates, flip Bell states, or move T₁/T₂ sliders — the 3D scene responds in real time.
05
Dig deeper with tooltips & analogies
At the bottom of every module's control panel there is a collapsible Quick Insight section that connects the physics to everyday intuition.
💡 Tip

On mobile? Tap the hamburger icon (top-left) to reveal the sidebar. The 3D scene is fully touch-enabled — swipe to rotate, pinch to zoom.

Core Concepts

What is a qubit?

A qubit (quantum bit) is the basic unit of quantum information. Unlike a classical bit that is strictly 0 or 1, a qubit exists as a combination of both until it's measured.

Mathematically, we write a qubit state as a superposition:

|ψ⟩ = α|0⟩ + β|1⟩

Here α and β are complex amplitudes. Their squared magnitudes — |α|² and |β|² — give the probability of each outcome and always sum to 1.

🎲 The measurement problem

Once you measure a qubit, it "collapses" to either |0⟩ or |1⟩ — the superposition disappears. This is why quantum algorithms must be carefully designed to extract information without measuring too early.

Any qubit state can be plotted as a single point on the surface of a unit sphere — the Bloch sphere. The north pole is |0⟩, the south pole is |1⟩, and every other point is a superposition.

Two angles fully describe the state: θ (polar) and φ (azimuthal). This geometry is exactly what the Bloch Sphere module visualizes in 3D.

Core Concepts

Superposition — being in two places at once

Superposition is often described as "being in two states simultaneously," but more precisely: a qubit in superposition has a definite quantum state — one that doesn't correspond to a single classical outcome until measured.

Think of it like a coin spinning in the air. It's not heads and tails — it's in a well-defined spin state that will resolve to one side when it lands.

|0⟩H|+⟩ = (|0⟩+|1⟩)/√2
The Hadamard gate H creates an equal superposition from |0⟩

The Hadamard gate is the most common way to create superposition. Applied to |0⟩, it produces |+⟩ — a 50/50 chance of measuring either outcome.

🔬 Try it in the lab

Open the Gates module and apply the H gate. Watch the state vector rotate from the north pole to the equator — that's superposition made visible.

Core Concepts

Entanglement — spooky action at a distance

When two qubits become entangled, their states are no longer independent. Measuring one instantly determines the outcome of measuring the other — no matter how far apart they are. Einstein famously called this "spooky action at a distance."

The maximally entangled two-qubit states are called Bell states. The most common, |Φ⁺⟩, reads:

|Φ⁺⟩ = (1/√2)(|00⟩ + |11⟩)

If you measure qubit A and get |0⟩, qubit B will always be |0⟩. The outcomes are correlated, but neither is predetermined — both happen with equal probability.

⚠️ Common misconception

Entanglement cannot be used to send information faster than light. The correlation is only visible when you compare results through a classical channel.

Concurrence is a number from 0 to 1 that quantifies how entangled two qubits are. 0 = completely independent; 1 = maximally entangled. The Entanglement module displays this live in the dashboard.

Core Concepts

Decoherence — when the quantum world meets reality

Real qubits don't stay in superposition forever. They interact with their environment — stray fields, thermal vibrations — and gradually lose their quantum properties. This is called decoherence.

T₁ (relaxation time) measures how long a qubit holds its energy before decaying from |1⟩ to |0⟩. T₂ (dephasing time) measures how long the phase of a superposition stays coherent. T₂ is always ≤ 2·T₁.

⏱ Real-world numbers

State-of-the-art superconducting qubits achieve T₁ and T₂ times on the order of microseconds to milliseconds. A full quantum computation must complete before decoherence corrupts the result.

The Decoherence module lets you tune both T₁ and T₂ and watch coherence drain away in real time. The state vector spirals inward toward the center of the sphere as the qubit becomes a "mixed state."

Module Guide

Bloch Sphere

Visualize a single qubit as a point on a unit sphere. Every pure qubit state maps to exactly one point on the surface — the north pole is |0⟩, the south pole is |1⟩, and the equator holds all equal-weight superpositions. You can also drag the arrow tip directly on the sphere to set any custom state.

Module 01
Bloch Sphere
Six preset buttons jump to the six canonical states: |0⟩, |1⟩, |+⟩, |−⟩, |i⟩, |−i⟩. Hit Measure to collapse the superposition — the vector snaps to a pole with a particle burst effect. The dashboard shows the live state equation, probability bars for |0⟩ and |1⟩, and the polar angles θ and φ in both radians and degrees.
🔬 Try it

Click |+⟩ to enter an equal superposition, then hit Measure several times. Each outcome — |0⟩ or |1⟩ — is random with 50% probability. The state resets to |+⟩ each time so you can repeat the experiment.

Module Guide

Quantum Gates

Quantum gates are reversible linear transformations on qubit states — they rotate the Bloch vector. Unlike classical logic gates, every quantum gate can always be undone. This module lets you build and replay circuits of up to 8 gates on a single qubit starting from |0⟩.

Module 02
Quantum Gates
The Gate Palette shows six gates: X, Y, Z, H, S, T. Each click adds a gate to the Quantum Circuit rail and animates the Bloch vector. Use Step / Back to walk through gates one-by-one, Replay to re-run the full sequence from |0⟩, and Reset to clear everything. The last applied gate's unitary matrix is shown in the dashboard.
X (Pauli-X)
180° rotation around X axis. Bit flip — swaps |0⟩ ↔ |1⟩. The quantum equivalent of NOT.
Y (Pauli-Y)
180° rotation around Y axis. Combined bit and phase flip.
Z (Pauli-Z)
180° rotation around Z axis. Phase flip — leaves |0⟩ unchanged, flips the sign of |1⟩.
H (Hadamard)
Rotates 180° around the X+Z diagonal axis. Creates equal superposition from |0⟩ or |1⟩. H² = I.
S (Phase)
90° rotation around Z axis. Applies a π/2 phase shift to |1⟩. S² = Z.
T (π/8)
45° rotation around Z axis. Applies a π/4 phase shift to |1⟩. T² = S, T⁴ = Z.

Module Guide

Entanglement Module

This module renders two Bloch spheres side by side — Qubit A (left, green) and Qubit B (right, blue). A stream of animated particles connects the two spheres to visualise their quantum link. When the qubits are entangled, the individual Bloch vectors become undefined — only the joint two-qubit state is well-defined.

Module 03
Entanglement
Choose one of the four Bell states with the preset buttons. The Operations section lets you apply H⊗I (Hadamard on Qubit A) or CNOT (A controls B) to build entangled states from scratch. The Measurement section has separate "Measure A" and "Measure B" buttons — measuring one qubit instantly collapses the other. Concurrence (0 – 1) is shown live in the dashboard.
📊 Reading concurrence

0.0 = fully independent qubits. 1.0 = maximally entangled. All four Bell states give exactly 1.0. After measuring either qubit, concurrence drops to 0 — the pair is no longer entangled.

Module Guide

Decoherence Module

Real qubits don't hold their quantum state forever. Environmental noise causes two distinct types of decay. This module lets you tune both timescales and watch fidelity drain away in real time, with a live sparkline chart tracking the history.

Module 04
Decoherence
Select an error model — Phase (T₂) for pure dephasing (Bloch vector collapses inward on the equatorial plane, Z-component unchanged) or Amplitude (T₁) for energy relaxation (qubit decays toward |0⟩). Drag the T₁ and T₂ sliders, then hit ▶ Start. While running, ⚡ Apply Error Correction triggers a 60% partial recovery of fidelity. Hit ↺ Reset to restore the original pure state.
⚙️ T₁ vs T₂ — what's the difference?

Set Phase (T₂) with a low T₂ value: the Bloch vector shrinks inward without changing its Z-component — phase coherence is lost but energy is preserved. Switch to Amplitude (T₁): the vector drifts toward the north pole (|0⟩) as the qubit loses energy to its environment.

Reference

Glossary

Quick definitions for the terms you'll encounter throughout the lab.

Qubit
The fundamental unit of quantum information. Unlike a classical bit, it can exist in a superposition of |0⟩ and |1⟩.
Superposition
A quantum state that is a linear combination of basis states. The qubit has a definite but non-classical value until measured.
Bloch Sphere
A unit sphere whose surface points represent every possible single-qubit pure state. North pole = |0⟩, south pole = |1⟩.
Quantum Gate
A reversible linear transformation applied to a qubit state. Must preserve the norm of the state vector.
Hadamard (H)
A gate that creates an equal superposition from a basis state. Applying H twice returns to the original state.
Entanglement
A correlation between two or more qubits such that the state of one cannot be described independently of the others.
Bell State
One of four maximally entangled two-qubit states: |Φ⁺⟩, |Φ⁻⟩, |Ψ⁺⟩, and |Ψ⁻⟩.
Concurrence
A scalar measure of entanglement from 0 (separable) to 1 (maximally entangled).
Decoherence
The process by which a quantum state loses its quantum properties due to interaction with the environment.
T₁
Relaxation time — how long a qubit takes to thermally relax from |1⟩ to |0⟩.
T₂
Dephasing time — how long the phase of a superposition remains coherent. Always ≤ 2·T₁.
Fidelity
A measure of how close an actual quantum state is to a target state. Ranges from 0 (orthogonal) to 1 (identical).
Ket notation
Dirac's notation for quantum states. |ψ⟩ denotes a column vector (ket); ⟨ψ| its conjugate transpose (bra).

FAQ

Frequently asked questions

Not at all. Quantum Lab is designed to build intuition first, formalism second. Every module includes plain-English analogies alongside the math. If you see a formula that looks intimidating, look for the Analogy panel.
This is wavefunction collapse in action. Before measurement, the qubit exists in a superposition. The moment you measure it, that blend resolves to a single definite outcome, and the Bloch vector snaps to either the north pole (|0⟩) or south pole (|1⟩).
Each gate rotates the Bloch vector by 180° around a different axis. X (bit flip) rotates around the X axis — swaps |0⟩ and |1⟩. Z (phase flip) rotates around Z — leaves |0⟩ unchanged but adds a π phase to |1⟩. Y combines both effects.
No. While measuring one entangled qubit instantly determines the state of its partner, the outcome on each side is still random. You can't control which outcome you get, so you can't use this to send a signal.
Fidelity measures how close the current qubit state is to an ideal target state. In an ideal simulator it stays at 1.000 unless you explicitly introduce noise. In the Decoherence module, fidelity drops as environmental noise corrupts the state.
T₂ is always less than or equal to 2·T₁. Physically, T₁ relaxation destroys phase coherence too — so the maximum possible T₂ is 2·T₁. In practice, additional environmental noise makes T₂ much shorter.