Stubborn slider: a range that pushes back at its limit
A booking slider that stretches like elastic past its maximum, springs back and tells big groups to call. Plain JavaScript, touch and keyboard ready.
Website Lab
Small, memorable touches for a small business website. Try each one live, read when it helps and when it gets in the way, then copy the code or send it to whoever looks after your site.
Anamorphic offer card: find the angle to read the deal
A headline sliced into drifting strips that only line up from one spot, then a discount code appears. Plain JavaScript, touch and keyboard ready.
Puzzle button: rebuild the picture to unlock an offer
Six pieces of an offer card to drag or tap back into place, then the code appears. Plain JavaScript, keyboard ready, with a skip button.
Magnetic button: a call to action that leans towards the pointer
A booking button that drifts towards the mouse with a soft gold glow, then settles back. Plain JavaScript, touch and reduced motion safe.
Timing ring button: a tap game that always says yes
A gold ring closes in on a claim button and good timing earns a Perfect. Every tap still works. Plain JavaScript, keyboard and reduced motion ready.
Scratch card reveal with canvas
Drag to scratch off a foil and reveal a hidden message, built with one canvas. Works on touch screens, with a keyboard friendly reveal button.
Rube Goldberg form: a submit button you have to earn
A form where a ball rolls through gates as you answer each question and unlocks the button at the end. Live demo and free code.
A naughty submit button that runs away until the form is valid
A playful submit button that escapes the pointer while the form is invalid and comes back when it is ready. Live demo and plain JavaScript code.
Hold to confirm button in plain JavaScript
A press and hold button for risky actions like delete, with a filling progress ring, keyboard support and live demo code you can copy.
Firefly background: a calm canvas particle effect
Drifting, softly pulsing fireflies behind a headline, drawn on one canvas with no library. Pauses off screen and respects reduced motion.
Decoy shuffle button: find the real offer among the copies
A button that splits into four copies and shuffles; tap the real one to reveal a discount code. Live demo and free plain JavaScript code.
Decoding text input: a scramble effect as you type
Each letter you type flickers through random symbols before it settles, like a code being cracked. A normal input underneath. Demo and code.
What should your website do?
Describe a feature you wish your site had. If it is useful to other owners too, we build it here as a free Lab post with a live demo and code.
We never publish your name, email or website. Privacy