About 19 Rope Toggle
What it does
A lamp pull-cord for your site. Visitors grab the rope, pull it down and let go: the switch flips, the knob lights up and the rope swings with real rope physics until it settles. A short tug only sways the rope. Tap, Enter or Space flips it too.
Out of the box it switches light and dark mode with Framer's native Color Styles. It can also set an attribute and class on the html element, or just fire an event.
Customizable properties
Knob: Bulb, Ball, Bar, Ring, Tassel or your own image
Rope: Rope, Chain or Cord, color, width and length
Feel: pull distance, stretch, gravity, damping
Controls: Framer Theme, HTML Attribute or Event Only
Start Off / On / System, Remember the choice, optional label and click sound
Why this component
Pull-and-release instead of click, with a rope that really swings
One small file, no physics library, fully idle at rest
Accessible switch with keyboard and reduced-motion support
Need help?
hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits from $75/hr. More components: https://brandingupstudio.com
Unlink is not provided so we can keep delivering updates — just click Update on the component.
