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 ๐