Motion UISections2 sections

Buttons

Multi-state feedback buttons, hold-to-confirm actions and add-to-basket morphs.

Add to basket button

An example of an add-to-basket button that flies the product into the basket along a curved arc with a spring recoil, in Motion for React.

npx shadcn@latest add @motion/button-add-to-basket
Components usedAddToBasket
MotionScore

Hold to confirm button

An example of a hold-to-confirm button with press-and-hold progress feedback in Motion for React.

npx shadcn@latest add @motion/button-hold-to-confirm
Components usedHoldToConfirm
MotionScore

More categories

Browse the rest of the Motion UI section library.