# Flow Button

> A dark disc floods the button from the pointer, arrows swapping sides.

Flow Button is an animated button ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called arrow swap button, disc fill button or circle fill button.

Hover and a disc grows from where the pointer came in until it covers the whole button, whatever its width. The pill eases into a rounded rectangle, the text slides over and the arrow leaves on the right as another bounces in on the left.

- Page: https://foundry44.dev/components/flow-button/
- Category: [Buttons](https://foundry44.dev/library/buttons/)
- Interactions: cursor, touch, keyboard, click
- Dependencies: none
- Licence: Pro

## With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.

Settings: `origin`, `morph`, `bounce`, `icon`, `duration`.