NT Motion Control

NT Motion Control helps you add natural hand and face interaction to existing websites without rebuilding working interfaces.

Start with an existing local website project and NT Motion Control helps Claude, Codex, or Emergent inspect the current interaction, preserve the site’s existing controls, and integrate camera-based motion through small adapters that plug into the website’s existing behavior.

It is built for adding modern motion interaction to websites that already work. Instead of replacing carousels, rebuilding video players, or creating custom gesture systems from scratch, the module provides a structured integration workflow: inspect, connect, preserve, validate, and deliver.

Use it for hand-controlled carousels, face-controlled video scrubbing, motion cursors, scrolling, CSS effects, Three.js scenes, WebGL experiences, interactive portfolios, landing pages, product showcases, and custom website interactions.

What it is good at

• Adding hand and face interaction to existing websites
• Preserving existing mouse, touch, keyboard, and accessibility controls
• Connecting motion through small adapters instead of rebuilding components
• Integrating with React, Vue, Next, Nuxt, Vite, Three.js, WebGL, and static websites
• Controlling carousels, galleries, videos, and interactive elements
• Driving CSS variables and Three.js objects from motion input
• Working entirely inside the browser using the user’s camera
• Processing webcam frames locally without sending them to external servers
• Providing smooth, calibrated motion with grab, pinch, drag, and release interactions
• Keeping motion control optional alongside existing website controls

How it works

Detect motion

Google MediaPipe Tasks Vision detects hand and face landmarks directly in the browser.

Connect the interaction