Button Text Effect Arrow 3 - Arrow shift secondary

Pro

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

Component data

ID
button/button-text-effect-arrow-3
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Text Effect Arrow 3 component design & features

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

Pair with muted surfaces where a softer fill still needs a forward-motion cue.