About Outline button

A smooth border animation that continuously travels around the component without visible resets, creating a dynamic and modern interface effect.

Control animation duration and easing style directly in Framer, including linear, ease-in, ease-out, and ease-in-out behaviors.

When hovered, the border smoothly closes around the button while the background and text colors transition for a clean interaction.

Add glow lighting effects to the border using configurable blur, color, and position settings for a polished UI highlight.

Control how fast the stroke closes during hover interactions to create anything from subtle transitions to snappy button feedback.

Includes a built-in link property, allowing the component to function as a fully interactive navigation element.

All visual settings are exposed directly in the Framer properties panel, making customization easy without editing code.

Outline button