Button Animation Showcase

Explore a variety of animation effects available for the Button component in ToneRD. You can preview animation-only styles, combine them with button variants, and also see how they behave across sizes.

💡 Tip: Use the animation prop like animation="scale" to apply effects.

Animation Variants

none

Button Variants + Animation