Toys & Fidgets
Satisfying physics toys and fidget widgets
Every demo includes conversion ideas and behavioral hypotheses
FAQ for this category
A quick guide to what is here, what you can learn, and where to go next.
What is Toys & Fidgets about?
It focuses on tactile-feeling browser toys like Bubble Wrap, Slime, and Newton’s Cradle that are satisfying even without a score.
Why build this kind of toy collection?
Because session depth is not only about winning. These demos test the small “keep touching it” loops that make interactive sites sticky.
Are there related technical articles?
Yes. Related posts cover physics, input feedback, and Canvas rendering, which helps explain where the satisfying feel comes from.
Related Articles
Canvas vs DOM — Decision Criteria from 203 Components with Real Benchmark Data
The decision criteria used to assign 203 interactive components between Canvas API and DOM, explained with real examples and measured performance data.
The Limits of a 180-Line Custom Physics Engine — Why I Dropped Matter.js and What I Couldn't Cover
Built a custom 2D physics engine in 166 lines of physics.ts, reducing Matter.js's 300KB to 4KB. The trade-offs of focusing on gravity, collision, and bounce while giving up constraints, friction, and stacking.
Visualizing Double Pendulum Chaos — RK4 Integration and Sensitivity to Initial Conditions
Implementing a double pendulum simulation covering Lagrangian mechanics equation derivation, RK4 integration stability, NaN prevention, and visualization of sensitivity to initial conditions.
One Session, One Task — The Principle I Learned from Claude Code Context Management
While developing 203 components with Claude Code, "one session, one task" proved to be the most impactful productivity principle. Real examples of context exhaustion and countermeasures.