Bite Button

Bite Button is a pill button that someone takes a bite out of. Hover it and a corner disappears in three round nibbles, the button tilts a little and a few crumbs fly off. Move away and it heals with a soft spring.

Features

• Bites on hover, on keyboard focus and on a tap on phones.

• Filled or outline style, with separate colours for rest and hover.

• Any corner: top or bottom, left or right.

• Bite size follows the button height, so it looks right at any size.

• Tilt, crumbs and crumb count are all adjustable, or switch them off.

• Spring transition you can tune in the properties panel.

• Font, padding and corner radius controls.

• Works as a link (with new tab option) or as a plain button.

• Reduced motion: the bite shows without the tilt and the crumbs.

• Preview toggle shows the bite right on the canvas.