Flipflop Button — a flip button with an elastic snap

Just published my first component in the Community 🎉

It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.

Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:

— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive

Live preview + grab it here 👇

LINK

Flipflop Button — a flip button with an elastic snap

Just published my first component in the Community 🎉

It's a tactile flip button: on hover the resting face collapses into its top edge while a second face springs up from below with a subtle elastic overshoot. Click adds a soft spring-back press — every interaction feels physical.

Both states are fully independent, so you can change background, text, border and corner radius mid-flip. Everything is editable from the property panel — no code needed:

— Two independent states (idle + hover) — Elastic spring motion, single speed control (0.3×–2.5×) — Spring-back press feedback on click — Optional hover scale + drop shadow — Built-in arrow or your own custom SVG icon (color, size, side, gap) — Uniform or per-side padding, independent idle/hover radius — Full font control, link-ready, responsive

Live preview + grab it here 👇

LINK