useSpringPress

import { useSpringPress } from "@remold-ui/react";

function PlayButton() {
  const press = useSpringPress({
    scale: 0.94,
    spring: { duration: 0.24, bounce: 0.12 },
  });

  return <button ref={press.ref}>Play</button>;
}

There's no plain-JavaScript springPress yet. The hook is a spring from @remold-ui/core run on the frame loop from @remold-ui/dom, so you can build it in a few lines. Check prefersReducedMotion() from @remold-ui/dom first if it should stay still for people who ask for less motion.

The control springs toward scale while its primary pointer is down, then returns to 1 when released. It is interruptible: releasing before it settles hands the spring back from its current position.

This is deliberately pointer-only. Keyboard activation stays still, preserving immediate, predictable feedback for high-frequency actions.

OptionsCopy Anchor Link