>

🔩 TwistToggle: Playful Screw-Inspired Switch

Updated —

Jul 22, 2025

🔩 TwistToggle: Playful Screw-Inspired Switch

TwistToggle transforms a simple plastic screw into a playful, gamified UI switch. Designed in both Figma and Framer, it blends real-world textures with fun, interactive motion effects. Users twist the component to toggle states, simulating the feel of turning an actual screw — adding a satisfying and intuitive gesture. With its unique visual language and tactile feedback, TwistToggle is perfect for creative apps, games, or any project that embraces physical-world metaphors in a modern interface.

Created by

Your Input Matters

Take a 1-min survey to shape this component’s future.

Your Input Matters

Take a 1-min survey to shape this component’s future.

Your Input Matters

Take a 1-min survey to shape this component’s future.

Get Started On Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get Started On Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get Started On Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Found a bug or have and ideas drop me a email

Or send me a twitter dm

Create a free website with Framer, the website builder loved by startups, designers and agencies.