Satisfying physics toys and fidget widgets
Pop!
Interaction DNA
User benefit
Enjoy meaningful choice or control instead of passively viewing an ad.
Counter-evidence
If the interaction dominates the CTA, engagement can steal conversion.
CVR Idea Lab
These hypotheses connect play, understanding, and earned rewards to a meaningful next action.
Hide an offer or product message inside a satisfying tap, pull, or turn.
Derived from: Tap × Transform × Agency
Measure
Reveal the CTA after one interaction, moving from a tiny commitment to the main action.
Derived from: Tap × Transform × Agency
Measure
Place a brief fidget in loading or waiting states, then return attention to the CTA.
Derived from: Tap × Transform × Agency
Measure
Validate each hypothesis against the offer, traffic source, and reward cost. Measure the final conversion—not game completion alone.
Move to a structurally similar expression and recombine the idea.
The decision criteria used to assign 203 interactive components between Canvas API and DOM, explained with real examples and measured performance data.
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.
Breaking changes encountered migrating from Tailwind CSS v3 to v4, and implementation patterns for dark/light mode using @custom-variant.
How I built a lightweight 180-line physics engine in TypeScript instead of using Matter.js for my portfolio site. Reduced bundle size from 300KB to 4KB while maintaining 60fps.