Yakisoba Interactive

Cursor-reactive. Stir-fried on the fly.

Noodles that respond to the cursor with a light stir — a soft repulsion field pushes strands aside as visitors move, then relaxes them back into place. Runs on a 60 fps canvas layer with a graceful SVG fallback for older browsers.

$2,700
Fixed price. Includes 90 days of tuning revisions.

What’s in the pack

Everything you need to ship it.

  • 80-strand canvas system with pointer physics
  • SVG fallback + reduced-motion static variant
  • Tunable stir radius, easing, and colour ramp
  • Analytics-safe (no network calls, no cookies)
  • Two studio revision rounds, one live tuning session

Delivered as a single self-contained asset. No build step, no framework requirement, no CDN lock-in.

Integration

Two tags. That’s the whole install.

<link rel="stylesheet" href="https://cdn.noodles4u.example/yakisoba-interactive/1.0.css">
<script src="https://cdn.noodles4u.example/yakisoba-interactive/1.0.js" defer></script>

<div data-noodles="yakisoba-interactive"></div>

Also available as an npm package (@noodles4u/yakisoba-interactive) or a downloadable ZIP for air-gapped deployments.