Hover-Card Interactives

Cards that run something on hover — the four sets collected from across the filesystem, plus the new build they fed into. The collected sets are the original files, unmodified except for path fixes needed to nest them here.

Portfolio card sims — v2

new · 4 + 2

The built version, on a separate deploy. Four hover-run sims for the Selected Practice grid — work queue, forgetting curve, edge routing, double pendulum — each one named and captioned so it reads without explanation. Plus an interactive operating-principles terminal and a four-stage process stepper.

mechanism · shared rAF harness, normalised state, palette from CSS vars · light/dark toggle

ClaudeOS/dev/sites/portfolio-card-sims · portfolio-card-sims.pages.dev

Field Instruments

25 sims

The big one. Every card holds a canvas physics simulation that idles slowly, then wakes, steers and accelerates under the cursor. Orbital wells, accretion disks, Chladni plates, mantle convection, double-slit, tunneling.

mechanism · engine.js awake ramp, 0 idle → 1 hovered, decays on pointerleave

Downloads/Physics Card Interaction Upgrade/app · also deployed as ClaudeOS/dev/sites/interactyl

Sono Dev Dashboard

14 cards

The dashboard landing page. Each tool card carries its own canvas that only animates while the pointer is inside it, plus a radial SVG nav with per-wedge hover activation and a cursor trail across the whole page.

mechanism · mouseenter sets mouse.active, rAF loop gated on visibility

sonographer/dashboard/deploy/index.html · sono.rootsofreason.org

Dev Portfolio

4 cards

Service cards on the portfolio homepage. Four distinct canvas effects — a magnetic dot grid that forms a wireframe near the cursor, plus data, wave and pixel variants. Scroll to the services section.

mechanism · cards.js mouseenter → startAnim(), mouseleave → scheduleStop() (500 ms tail)

ClaudeOS/freelance/portfolio/site · data-effect = grid, data, wave, pixel

Astrophysics Cards

4 cards

Explore, Shop, Learn, Stories — each with its own canvas particle field. Clearly the design ancestor of the Lithorium set below: same four sections, same layout, simpler sims. Worth opening those two side by side.

mechanism · canvas + mousemove / mouseleave — tracks position, never mouseenter

Downloads/astrophysics-hover-animations.html

Lithorium — Field Instruments

bonus · 4 sims

Not one of your four, but it turned up alongside them and belongs in the comparison. Same four sections as the astrophysics set (gravity, orbital, crystal, network) rendered with the Field Instruments engine, in one self-contained file.

mechanism · same pointerleave pattern · "hover to seed · click for a burst"

Downloads/index.html

Built for browsing only — nothing here is wired to a backend, and the sono dashboard's outbound links to /tools/ and sibling pages will 404 since only the landing page and its shared/ assets were copied. Source of record for each set is listed above; edit there, not here.