component
StaggeredButton
By Aathif Thajudeen
Details
- Aathif ThajudeenAuthor
- componentType
- 2025-12-11Published
- 2025-12-10Updated
- 2025-12-03Added
- ButtonsCategories
Summary
This stagger-hover button adds a smooth, letter-by-letter slide animation that activates when the user hovers over the button.
Description
This stagger-hover button adds a smooth, letter-by-letter slide animation that activates when the user hovers over the button. Each character animates with a slight delay, creating a clean, modern stagger effect. The button works with any text, adapts across breakpoints, and offers full styling control—perfect for adding subtle motion and premium interaction to any Framer project. Features Custom text Responsive variants for breakpoints Add a link Adjustable font styles Custom button color Custom text color Border size control Border color control Adjustable padding Border radius customization Animation duration control Stagger delay for letter timing Custom easing options Animation direction : up or down
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2243