Interactive courses and workshops for colleges, schools and coders

Your module’s slides, rebuilt as things students can move.

Send us the deck you teach a module from. We turn each idea into a small working model: the student drags, types or clicks, and the idea responds. Same syllabus, same order, same facts.

Volta · Act 1 · Voltage: the push
0 VA0.00 A
current through the bulb
no push → no current
“Voltage doesn’t flow, it pushes. More volts means a harder shove, so more electrons move each second.”

A real scene from Volta, our electronics course. Turn Tik or drag the slider: the electrons, their speed, the bulb, the meter and the reading all follow the voltage.

For colleges, schools, coders and workshops

Who it’s for.

Pick who you teach. Each page has a working scene built for them, and what we make for you.

The same idea twice · 6th-semester Cyber Security

A slide tells students what happens. A scene lets them make it happen.

Accurate, and easy to memorise for the exam. But the student never sees a quote mark turn their text into code, so the second bullet stays abstract.

Three steps: Asha logs in, an attacker types a quote, then the fix. Press Next, or type your own name. Every bullet on the slide is in here, including the prevention.

The slide
SQL Injection
  • Attacker inserts malicious SQL statements into an input field
  • Application passes the input to the database without validation
  • Can be used to read, modify or delete data
  • Prevention: input validation, parameterised queries

Students never see this happen.

Cyber Security · 6th semester14
The scene we build from it

Asha types her name and logs in.

portal.uni.edu/loginNameLog inAsha, a studentat the keyboardSERVER · BUILDS THE QUESTIONSELECT * FROM usersWHERE name ='name'escape quotes: offDATABASE · USERSasharavimeeraadmin

Sample scenes

Every idea gets something to move.

Four questions students get asked in exams. Pick one and answer it with your hands.

sample scene · PhysicsFire the cannon faster.
zoom 1.6×
Falls back to the ground 3,321 km away.

“An orbit is just falling and missing. Throw something fast enough and the Earth curves away beneath it before it lands.”

The cast · 20 courses, 20 guides

Every course has a guide.

Tik says

I’m Tik, the knob on the TwiddleLabs logo. I show you round this page. Inside each course, a guide like these walks students through every scene.

Swipe to meet them. Tap one to say hello.

  • Cogito · Artificial Intelligence

    Gen

    I’m a chat bubble that came alive. From what AI is and how agents act, through machine learning, to prompts and generative AI.

    Meet Cogito
  • Relata · Database Management Systems

    Dibi

    I’m a database come alive. ER models, algebra, normal forms, SQL and transactions, and every query you write really runs.

    Meet Relata
  • Bastion · Cyber Security

    Patch

    We map attack surfaces, follow phishing all the way to ransomware, then build the defence in layers.

    Meet Bastion
  • Forge · Software Engineering · soon

    Bolt

    We work out what makes software good, walk through the process, and finish on professional ethics.

    Meet Forge
  • Ordo · Data Structures & Algorithms

    Dex

    I’m one cell of an array. From searching and sorting to trees and graphs, every step moves, in C, C++ or Python.

    Meet Ordo
  • Axiom · Algebra

    Xan

    I’m the unknown. You solve for me through equations, functions, graphs, lines and quadratics.

    Meet Axiom
  • Automa · Theory of Computation

    Tok

    I ride every machine: one symbol at a time I follow the arrows, and at the end I tell you yes or no.

    Meet Automa
  • Chlora · Biology

    Sprout

    Come inside a leaf and watch sunlight, air and water turn into sugar, and the oxygen you breathe.

    Meet Chlora
  • Flux · Calculus

    Delta

    I’m a small change. We go from limits to derivatives and integrals, and the theorem that ties them.

    Meet Flux
  • Elementa · Chemistry

    Ato

    We build atoms one particle at a time: shells, the periodic table, then the bonds between them.

    Meet Elementa
  • Reacta · Chemistry II

    Mol

    Why do reactions explode or crawl? We find out through energy, rates, equilibrium, acids and redox.

    Meet Reacta
  • Nimbus · Cloud Computing

    Nimbus

    I show you where the cloud really lives: data centres, containers, scaling, CDNs and serverless.

    Meet Nimbus
  • Volta · Electronics

    Sparky

    I start as one drifting electron. We end with a tiny computer that counts on its own.

    Meet Volta
  • Helix · Genetics

    Gene

    We read the code of life: the double helix, replication, gene to protein, inheritance, evolution.

    Meet Helix
  • Pulse · Human Body

    Pip

    Ride with me through the machine you live inside: cells, heart and blood, lungs, gut and nerves.

    Meet Pulse
  • Prism · Light & Optics

    Ray

    Follow me through shadows, mirrors, lenses and the eye, all the way out into a rainbow.

    Meet Prism
  • Relay · Networking

    Packet

    Open a website and I’m what travels: through IP and DNS, routers, TCP and HTTPS, and back.

    Meet Relay
  • PyVisual · Python

    Py

    Python from the ground up: variables, logic, loops, lists and functions, every one animated.

    Meet PyVisual
  • CVisual · C Programming · soon

    Bit

    C from scratch: variables, conditionals, loops and control flow, animated as they run.

    Meet CVisual
  • Cosmos · Physics · soon

    Nova

    Gravity, motion and orbits. Together we find out why the Moon doesn’t just fall down.

    Meet Cosmos

How it works

Slides in, scenes out.

You send the slides you teach from. We send back scenes in the same order, and you check every one before your students see it.
  1. Step 1: You send us the module.

    The slides you teach from, the syllabus, and the order you cover things in. Slides that are only a diagram or a figure count too: we transcribe those as well, so nothing on the syllabus goes missing.

  2. Step 2: We build it scene by scene, in your order.

    Each idea gets one scene. It says plainly what the thing is, shows it working, gives a real example, then hands the student something to try.

  3. Step 3: You check it before your students do.

    You get a link and go through every scene. If a fact is off or something is out of order, tell us and we change it.

  4. Step 4: Teach it in class. Students revise in the app.

    Teachers open each course in the browser at app.twiddlelabs.com and teach from the projector. Students get the TwiddleLabs app on their phone and laptop with a code from the college. It works offline, so it is there the night before an exam too.

The catalog

What we’ve built so far

Every live course has a free preview. The ones built from a college module follow that module slide by slide.

courses
20
scenes across them
587
with a free preview
17
built from a college module
4

Each mark is one course, in catalog order.

20 courses

  • Artificial Intelligence

    Cogito

    Three modules of AI in one course: what AI is and how intelligent agents act, machine learning with plain Python and scikit-learn, then prompt engineering and generative AI. Each idea is taught, shown, then tried.

    Built from: Introduction to AI, Modules 1–3

    115 scenes · First year

    Try the free preview→
  • Database Management Systems

    Relata

    A full DBMS course on a real SQL engine: ER modelling, the relational model and algebra, normalization, SQL with the lab experiments, then transactions and concurrency. Every query you write really runs.

    Built from: Database Management Systems, Modules 1–5

    133 scenes · Undergraduate

    Try the free preview→
  • Cyber Security

    Bastion

    Attack surfaces, the threat landscape, phishing to ransomware, defence in layers, and how detection evolved.

    Built from: Cyber Security, Module 1 (37 slides)

    36 scenes · 6th semester

    Try the free preview→
  • Software Engineering

    Forge

    What software engineering is, kinds of software products, what makes software good, the process, the web, and professional ethics.

    Built from: Software Engineering, Chapter 1 (12 slides)

    15 scenes · Undergraduate

    In progress
  • Data Structures & Algorithms

    Ordo

    From arrays to graphs, one animated step at a time: searching, sorting, recursion, lists, stacks, queues, hashing and trees, with code in C, C++ and Python.

    47 scenes · Beginner

    Try the free preview→
  • Algebra

    Axiom

    Solving for the unknown — variables, equations, functions, graphs, lines and quadratics.

    13 scenes · Beginner

    Try the free preview→
  • Theory of Computation

    Automa

    Finite automata from zero: states, inputs and arrows, then DFAs, NFAs and ε-NFAs up to the subset construction. Each idea is taught step by step, then you change the machine yourself, in 2D, 3D, Manim style or as slides.

    35 scenes · Undergraduate

    Try the free preview→
  • Biology

    Chlora

    How a leaf turns sunlight, air and water into sugar — and the oxygen you breathe.

    13 scenes · Beginner

    Try the free preview→
  • Calculus

    Flux

    The math of change — limits, derivatives, integrals and the theorem that ties them together.

    13 scenes · Beginner

    Try the free preview→
  • Chemistry

    Elementa

    Atoms, electron shells, the periodic table and chemical bonds — built up one particle at a time.

    13 scenes · Beginner

    Try the free preview→
  • Chemistry II

    Reacta

    Why reactions explode or crawl — energy, rates, equilibrium, acids and redox.

    13 scenes · Intermediate

    Try the free preview→
  • Cloud Computing

    Nimbus

    Where “the cloud” really lives — data centers, containers, scaling, CDNs and serverless.

    13 scenes · Intermediate

    Try the free preview→
  • Electronics

    Volta

    From a single drifting electron all the way to a tiny computer that counts on its own.

    13 scenes · Beginner

    Try the free preview→
  • Genetics

    Helix

    The code of life — the double helix, replication, gene-to-protein, inheritance and evolution.

    13 scenes · Beginner

    Try the free preview→
  • Human Body

    Pulse

    The machine you live inside — cells, the heart and blood, breathing, digestion and the nervous system.

    13 scenes · Beginner

    Try the free preview→
  • Light & Optics

    Prism

    How we see — rays and shadows, reflection, refraction, lenses, the eye and the rainbow.

    13 scenes · Beginner

    Try the free preview→
  • Networking

    Relay

    What happens when you open a website — packets, IP & DNS, routing, TCP, HTTPS and the web.

    13 scenes · Intermediate

    Try the free preview→
  • Python

    PyVisual

    Python from the ground up — variables, logic, loops, lists and functions, all animated.

    13 scenes · Beginner

    Try the free preview→
  • C Programming

    CVisual

    Variables, loops, conditionals and control flow — the C language, animated from scratch.

    34 scenes · Beginner

    In progress
  • Physics

    Cosmos

    Gravity, motion and orbits — finally answer why the Moon doesn’t just fall down.

    16 scenes · Beginner

    In progress

FAQ · 6 questions

Questions colleges ask us

Not covered here? Write to us at noreply@twiddlelabs.com.

Turn me, or tap a question

  1. The slides you teach the module from, the syllabus, and the order you cover topics in. Slides that are only a diagram or figure are fine; we transcribe those too so nothing on the syllabus is dropped.

Your module next

Teaching a module that students find hard to picture?

Email us the course code, which module, and the slides if you can share them. We’ll write back with how we’d build it and which scenes it would need.

Ready when you are.