FancyUI
Saved GitHub Get started
Wrapper — press squash — preview

Wrapper — press squash

FancyUI FANCYUI

Scale drops on pointerdown, so feedback lands before the action.

#physical#press

Open docs

Use in FancyUI

Type
Interaction
Interaction
Press
Style
Physical
Code availability
Open source

Why it works

The squash starts on pointerdown, not click, so the control answers the moment it is touched; a haptic pattern can ride along on devices that support it.

When to use it

Cards, tiles and buttons on touch-first surfaces.

Things to watch

`navigator.vibrate` is ignored on iOS, so haptics can never be the only feedback. `pointercancel` releases the squash when a press turns into a scroll. Only the CSS transition is gated under reduced motion.

Implementation clues

  • pointerdown / pointerup pairing
  • pointercancel
  • navigator.vibrate pattern