Skip to the content

Library/ 73 stack-buttonNewProButtons

Stack Button

A button lifting off solid stacked plates that lean with the pointer.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • layers
  • depth
  • follow
  • press
Tune it live with Pro

What it does

Stack Button is an animated button ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called stacked shadow button, layered button, 3d press button or offset shadow button.

At rest it already sits on half its stack. Hover lifts it off a stair of solid offset plates leaning away from the pointer; a press drives it down through the stack until it sits flat, and it springs back up with a small overshoot.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.