Action Swap

CTA button and slot primitives for swapping text and icons with blur motion.

Cascade

action-swap-cascade.tsx

Letter-by-letter slot roll — the old label's letters drop away as the new ones land, left to right.

Shellterminal

npx shadcn@latest add @beui/action-swap-cascade

action-swap-blur.tsx

Copy-button style swap with blur, opacity and scale.

Shellterminal

npx shadcn@latest add @beui/action-swap-blur

action-swap-roll.tsx

The next text or icon rolls in from below with blur.

Shellterminal

npx shadcn@latest add @beui/action-swap-roll