Vibe Themer — demo refinement options

The refined README demo with the "pop as the paint front passes" idea. All three share the same refined motion and the tightened, crisp chrome; they differ only in the per-token pop.

Mock VS Code in HTML/CSS/JS · deterministic, frame-stepped · headless Chromium + ffmpeg · 820×513 · 15 fps · ~3 MB each.

Refinement: a spatial paint wave sweeping top-to-bottom through the code (tokens recolor in document order); a brief “Analyzing your vibe” think-beat; chrome settles first, then the code paints in; a downward light wipe; an editor caret; smoother easing.
Chrome tighten: denser, authentic VS Code proportions — a compact explorer (folder + files), crisp monochrome line icons (no emoji), accent active-tab indicator, tighter line-height.


1 · Refinement only no pop

The wave with a soft landing glow, but no scale/lift. Calmest, most “serious tool.”

refinement only

2 · Refinement + pop your pick · now in PR #25

Each token gently lifts toward you, scales a touch, and glows as the paint front reaches it. Lift-dominant, so adjacent tokens never collide. This is the version now in the PR.

refinement plus pop

3 · Refinement + bold pop stronger

Same idea, turned up — bigger lift, more scale and glow. More playful.

refinement plus bold pop

0 · Original first version for reference

Before the refinement + chrome tighten: category-by-category recolor, diagonal sweep, roomier sidebar, emoji icons.

original first version