Skip to content

SwipeLettersButton

SwipeLettersButton preview image 1

Summary

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 —…

Description

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.

Rank history How rankings work →

1501100113808/149/49/2610/1811/9
  • All · #1260

Details

More like this