The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Popup Studio is a self-initiated interaction concept from Tidelight Studio.
Three patterns: a confirmation dialog, an image promotion, and a preference form, built with a reusable vanilla JavaScript module that can be embedded in an existing page.
The implementation covers keyboard focus, Escape to close, background interaction blocking, mobile layouts, and reduced-motion preferences.
Try it here: https://tidelightstudio.com/demos/popup-studio/
For collecting preferences, when would you choose a modal over an inline form?
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Great 👍🏻
Many tries for one effect. That's the honest story of the Inward headline
Inward is a concept landing page I made for noise-cancelling headphones. I wanted the words NOISE TO FOCUS to react to the cursor
Particles came first. Glitch with doubled letters broke reading. Grain was next, then crumbs, which felt dirty. Halftone was too graphic
I went back to particles, made them gentler and kept them only under the cursor. That one stayed
The video shows every version, one after another
None of the dropped versions were wasted. Each one showed what the product didn't want
Which version would you have shipped?
Super cool!
What happens when you hold down the delete button for too long?
Well, I made sure your entire website finds out. 🔥💀
Built this little Framer component.
