GearTheory Simulator

Explore Design Patterns Browse Component Library

Welcome, Gearwhisperer!

A simulator for the most intricate minds in robotics. Configure your ideal gear system and witness the symphony of motion.

Gearbox in motion...!

Gearbox Simulation
/* CSS */ body { font-family: Arial, sans-serif; } .header { width: 100%; text-align: center; padding: 20px; background-color: #FF69B4; border: 10px solid black; } .title { font-size: 36px; font-weight: bold; padding: 10px; background-color: #333333; } .subpage { display: block; padding: 10px; background-color: #333333; border: 4px solid black; text-decoration: none; font-size: 18px; color: white; } .container { display: flex; justify-content: center; align-items: center; padding: 20px; } .gearbox { width: 300px; height: 200px; background-color: #333333; border: 10px solid black; padding: 10px; border-radius: 10px; } .gear { width: 100px; height: 100px; background-color: #444444; border: 4px solid black; padding: 10px; border-radius: 10px; } .simulate { width: 100px; height: 30px; background-color: #444444; border: 4px solid black; padding: 10px; border-radius: 10px; font-size: 18px; } .simulation { width: 500px; height: 300px; background-color: #333333; border: 10px solid black; padding: 10px; border-radius: 10px; } .result { font-size: 36px; font-weight: bold; } .copyright { font-size: 18px; } .footer { width: 100%; text-align: center; padding: 20px; background-color: #333333; border: 10px solid black; }