Pullcord

Hang a lamp over any image, then pull the cord.

Drag the little pull down and it fights back a bit. Pull past the click point and the lights come on: warm light spreads out from the bulb across the photo and the lamp swings on its cord. A short tug that doesn't reach the click point just springs back. Pull again and the room goes dark.

It's a light switch your visitors will actually want to play with. Try it in the preview.

What you can do with it

• Show a room, product or hotel suite by night and by day

• Turn your hero into something people touch first

• Add a dark-mode switch for the whole site: turn on Site Theme and the page's <html> gets data-theme light or dark

• Use the On Toggle event to start any Framer interaction

Features

• Real pull feel: resistance, a snap when it switches, spring-back and swing

• 3 reveal styles: Circle light spill, Cone beam, soft Fade

• One image is enough: it darkens itself automatically. You can also add your own night image

• Glow color and strength, lamp and cord colors, lamp position, cord length, how far to pull

• Mouse, touch and keyboard (Space / Enter). Works as a proper switch for screen readers

• Respects reduced motion, resizes to any frame, no external libraries

Images: Unsplash.