Button Morph Fold 1 - Default fold button

Pro

Button with a fold reveal hover effect and inverted text color.
Shadcn Button Morph Fold 1 component

Component data

ID
button/button-morph-fold-1
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Morph Fold 1 component design & features

Hover to reveal a sliding fold background. Text color inverts as the overlay scales up from the bottom.

Fold buttons add tactile hover feedback on primary CTAs without leaving the shadcn button shape.