Dash Stretch Button

Dash Stretch Button – A Call to Action With a Stretching Dash

Dash Stretch Button is a clean call-to-action button with a small animated detail. On hover, the dot stretches into a long dash, the label slides across and the arrow moves out. When the cursor leaves, it returns to its resting state.

How it works

• The dot grows into a dash on hover.

• The label and arrow move together in one smooth motion.

• It returns to its resting state when the cursor leaves.

Easy to customize

• Edit the title and link.

• Change the button fill, text colour and icon colour.

• Drop it into any Framer page and edit it from the properties panel or with your AI agent.