sparshlabs sparsh
A little hands-on learning

See what happens
when interfaces move.

Pick a scenario, try to tap through the change, and see how sparsh keeps the interaction fair.

THE SETUP

One guard. A calmer interface.

This example follows your mode and cooldown settings. Every framework binding takes the same options.

import { createGuard } from '@sparshlabs/dom'

createGuard(document.querySelector('#app'), {
  mode: 'enforce',
  cooldownMs: 800,
  policies: ['age', 'continuity', 'semantics'],
})
GUARD MODE
Choose a scenario

The inbox reshuffle

Leo’s message takes Maya’s place just as your press begins.

LIVE ENFORCE MODE
Inbox3 unread
AAlex MorganThanks for sending this over.

Press start, press and hold Maya’s row, then release after Leo arrives.

✋
Enforce mode protects the interaction.

Enforce mode is on by default. Switch to report mode to observe suspicious activations without blocking them.

This is the real sparsh guard running in your browser. No account or sandbox setup needed.