Slide to action CTA, iOS-style.
A fully customizable slide button inspired by the classic iOS "slide to answer" gesture. Drag the thumb across the track to trigger any action — perfect for CTAs, confirmations, or linking straight to another page.
Features
Smooth drag gesture with spring-back if the slide isn't completed
Fully customizable track color, thumb color, thumb size, and padding
Swap the thumb between a solid color or a custom image — great for profile links, portfolio buttons, or personal branding
Built-in link field — sliding navigates to any URL, opening in the same tab or a new one
Adjustable label text, success message, text color, and navigation delay
Auto-sizing layout that hugs its content, no manual resizing needed
Use cases
Portfolio/profile links ("Slide to see my work")
Newsletter or waitlist signups
Confirming purchases or bookings
Any CTA that benefits from a playful, tactile interaction
Slide to action CTA, iOS-style.
A fully customizable slide button inspired by the classic iOS "slide to answer" gesture. Drag the thumb across the track to trigger any action — perfect for CTAs, confirmations, or linking straight to another page.
Features
Smooth drag gesture with spring-back if the slide isn't completed
Fully customizable track color, thumb color, thumb size, and padding
Swap the thumb between a solid color or a custom image — great for profile links, portfolio buttons, or personal branding
Built-in link field — sliding navigates to any URL, opening in the same tab or a new one
Adjustable label text, success message, text color, and navigation delay
Auto-sizing layout that hugs its content, no manual resizing needed
Use cases
Portfolio/profile links ("Slide to see my work")
Newsletter or waitlist signups
Confirming purchases or bookings
Any CTA that benefits from a playful, tactile interaction
