Button Text Effect Arrow 2 - Arrow shift outline

Pro

Outline button with a trailing arrow that shifts right on hover.
Shadcn Button Text Effect Arrow 2 component

Component Data

  • ID:button/button-text-effect-arrow-2
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Button Text Effect Arrow 2 component design & features

Outline variant with a trailing arrow that nudges right on hover.

Works on light backgrounds where a bordered CTA still needs motion-driven feedback.