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 👇
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 👇
