Interactive Gears: Meshing, Ratio and Reset

Quick Answer

Interactive gears in a browser are two discs with teeth that mesh so spinning one turns the other. This page opens a 12-tooth driver against a 24-tooth driven gear. The live ratio reads 1 : 2. Drag either gear. The pair stays meshed because tooth count owns radius.

For example: Input: a 12 and 24 tooth pair on a phone-width tab. Output: a reverse-direction spin at half speed, optional click sound, and a Reset layout that restores the default pair without a reload.

Therefore this is a fidget and a light teaching toy, not a CAD worksheet. Spin gears here as a gear toy and virtual gears pair. It is free, needs no download, and uploads nothing about how you spun it.

What are interactive gears?

A physical gear train is teeth on a pitch circle. The number of teeth and the radius have to agree or the teeth will not meet. Interactive gears online should follow the same rule. Many applets do not: they let you drag size independently, so two discs overlap and the ratio label keeps lying.

This pair is built from tooth count. Twelve teeth set one radius. Twenty-four teeth set twice that radius. The centres sit one sum of radii apart. Change the counts with the driver and driven buttons. A pair that would not fit the stage is refused, and the previous layout stays.

People search for a gear ratio simulator when they want to see 1 : 2, not compute it. A meshing gears page that hides the numbers is a toy that forgot the one fact the user came for. The line under the stage is that fact, in tabular numerals.

How do meshing gears work here?

How it works: this gear simulator and gear fidget is meshing gears online with a spin gears fidget loop. Use the driver and driven buttons. That is how to change tooth count without breaking the mesh: radius snaps to the new count, and a pair that would not fit the stage is refused. Drag on the stage. Pointer movement around the driver centre becomes angular velocity. The driven gear uses the negative tooth ratio, so an external mesh reverses. Friction from the Feel engine lets the pair coast and then stop, the same rest idea as the fidget spinner.

Sound is optional. A click can fire when you change teeth. Mute under the board or Settings → Feel. Haptics stay separate, off by default, because most laptops have no vibrator.

Reduced motion (system or Settings → Feel) turns continuous spin off. A Step control appears so you can advance one tooth. The mesh and the ratio stay. Interactions still work; the decoration stops.

How do I read the gear ratio?

The ratio is driver teeth to driven teeth, reduced. 12 and 24 is 1 : 2. 8 and 12 is 2 : 3. It is a count ratio, not a speedometer. The driven disc turns slower when it has more teeth, and the other way because the mesh is external.

Playful gears vs engineering applets is the trade this page makes. Engineering applets often bury that line in a table. Toys often omit it. This fidget keeps it on the status row so a parent can point at it without opening a textbook, instead of opening CAD.

What does Play do on gears?

Play hides the trust row, knowledge drawers, footer, and Feel strip so the gears fill the space under the tool name. The ratio stays, because it is the answer. Mute stays in a corner. Exit or Escape restores the page. There is no native fullscreen requirement; the chrome-hide is the mode.

Use it when the rest of the page is the distraction. A phone in one hand can flick the pair without scrolling past related tools. Safe-area padding keeps Exit above the home indicator.

Gears vs a CAD calculator

Compared to a CAD gear calculator, this page is a spin first. Unlike a static diagram, you drag the pair. The alternative is an applet that hides the ratio; rather than that, the status row stays visible.

Try the pair

Open the tool, drag the 12-tooth gear, watch the 24-tooth follow the other way, change a tooth count, and hit Reset layout if you want the default pair back. Mute if you need the room quiet. That is the whole product.