https://cpu.toolsforteaching.co.uk/
The CPU FDE Simulator is an interactive, browser-based teaching tool that visualises every micro-operation inside the CPU’s Fetch–Decode–Execute cycle. Students watch a glowing spark travel between registers and memory along colour-coded buses, with a plain-English explanation at every step. A built-in quiz mode then checks understanding with immediate, specific feedback.
No installation or login required — just open the link and start teaching.

The Central Teaching Scenario
The simulator runs four instructions — LOAD, ADD, STORE, HALT — broken into 27 micro-operations. Students see values (42 + 10 = 52) flow from RAM through the fetch pipeline, into the ALU, and back to memory. This single worked example makes concrete the abstract question: how does a CPU actually execute a program, one tiny step at a time?
Demo Mode Controls
- Next / Previous — advance or rewind one micro-operation at a time, ideal for pausing and questioning
- Play / Pause — auto-advance every few seconds for a continuous walkthrough
- Reset — return to step 1 at any point
- Progress bar — shows position across all 27 steps at a glance
- Phase badge — colour-coded BLUE (Fetch), AMBER (Decode), GREEN (Execute) so students always know which phase they are in
- Register values — displayed live inside each component box as they change
Quiz Mode
Every CPU component becomes a clickable target. Students must click the component that the current signal travels to next.
- Correct answer — green flash, encouragement, and the full step explanation is revealed
- Wrong answer — red flash with a specific correction explaining why that component is wrong and which one is right; after two wrong attempts a hint reveals the answer
- Score screen — final score out of 27, percentage, and grade (Excellent / Good / Keep practising / Review the demo)
Visual Design
- Animated spark — a glowing dot travels the correct bus route between components, matching the colour of the bus in use
- Colour-coded buses — purple (Address Bus), pink/red (Data Bus, bidirectional), cyan (Control Bus)
- Three-column layout — Registers on the left, CPU units in the centre, RAM on the right; mirrors real CPU die layouts
- Light / Dark theme toggle — preference saved in the browser
- Fully responsive — works on phone, tablet, and projected desktop
What Students Learn
- The FDE cycle — Fetch, Decode, Execute as three distinct phases with named micro-operations
- Register roles — PC (next address), MAR (current address), MDR (data buffer), CIR (instruction holder), CU (conductor), ALU (arithmetic), ACC (working result)
- Why buses exist — Address, Data, and Control buses carry different types of signal; colour coding makes this tangible
- Why intermediate registers — why data passes through MDR before reaching the ALU, and why the CIR frees the MDR for the execute phase
- Cache vs RAM — on-chip SRAM speed advantage and the principle of locality of reference
- Common misconceptions corrected — the CU orchestrates but does not calculate; the PC holds an address not an instruction; data does not travel directly from RAM to the ACC
Teacher Tips
- Project Demo mode and step through the LOAD instruction together — pause after each step and ask: “Where does the signal go next?” before clicking Next
- Stop at the ADD execute phase and ask: “Why doesn’t the CU do the arithmetic itself?” — the visual makes the answer obvious
- Send students to Quiz mode as a 10-minute exit ticket; those scoring below 70% revisit the Demo before trying again
- Use the phase badge colours as shorthand on the whiteboard — students quickly associate BLUE/AMBER/GREEN with the three phases















































































































