Circular Fill Arrow

A customisable Framer button with a dynamic hover fill that grows from the exact point where your cursor enters the button.

Features

• Cursor-based fill — The hover circle starts exactly where your cursor enters and expands to fill the button.

• Smooth exit — When you leave, the fill shrinks back towards the centre.

• Custom colours — Set the default and hover/fill colours.

• Arrow styles — Choose from different arrow icons.

• Animated arrow — The arrow rotates into position on hover.

• Custom text styling — Match the button to your typography.

• Adjustable easing — Fine-tune the feel of the animations.

• Fully customisable — Easily adapt it to your design.

Ideal for CTAs, portfolios, landing pages and modern websites.