SwipeLettersButton
A sleek, pill-shaped CTA where each letter slides in from the top or bottom on hover, then slides back on hover-out.
Made with Workshop
Build your own component with AI
What you can customise
Content & Layout
Label — your button text
Align — Start / Center / End
Padding — X / Y
Radius — from subtle to full pill
Colors
Background
Text
Border — toggle on/off + color
Typography
Font (family), Weight, Size, Letter-spacing (px/em)
Motion
Swipe From — Top / Bottom / Alternate
Duration (ms) — how fast each letter moves
Easing — ease, ease-in/out, or snap (cubic-bezier)
Stagger (ms) — delay between letters
Want to navigate somewhere? Wrap the component in a Link or add a click interaction in Framer.
