Components/Button(18)

Button components from Beste UI, design system primitives built with shadcn/ui and Tailwind CSS.

Soft Action Button

A compact, softly rounded action button with a solid accent, soft neutral, or hairline outline tone and an optional trailing icon.

Editorial CTA Button

An editorial pill button with a rolling label and animated icon seal on hover.

Magnetic Button

A magnetic button that is pulled toward the cursor on hover and springs back on leave.

Scramble Button

A scramble text button that cycles random glyphs on hover for developer and tech landings.

Corner Brackets Button

A monospace button framed by corner brackets that spring outward on hover.

Copy to Clipboard Button

A click to copy button for install commands, API keys, and coupon codes with copied feedback.

Shine Sweep Button

A premium pill button with a diagonal shine sweep on hover for pricing and upgrade actions.

Expanding Reveal Button

An expanding icon button that reveals its label on hover or focus for compact layouts.

Hold to Confirm Button

A hold to confirm button that fills while held and fires only when the hold completes.

Letter Roll Button

A pill button whose label rolls up letter by letter with a staggered hover animation.

Pressable Button

A neobrutalist button with a hard offset shadow that lifts on hover and presses in on click.

Play Button

A video play button with a circular play seal, label, and duration for showreels and product demos.

Avatar Stack Button

A social proof button with an avatar stack inside the pill and a trailing arrow.

Split Button

A split button with a main action and a separate secondary trigger for menus and options.

Icon Button

An accessible icon button with a required label, three sizes, and circle or square shape.

Async Loading Button

An async loading button that shows a spinner and disables itself while a promise resolves.

Underline Arrow Button

A minimal text button with an animated underline and arrow for lightweight calls to action.

Seal Arrow Button

An uppercase pill button with a trailing seal arrow chip and an optional link.

Markdown version