Harbor Lights waitlist widget
A little stone fishing harbour lives through a whole day while a white boat rocks at its mooring. Gulls glide over in the morning, the cottages glow gold at sunset, and at night the lanterns flicker on, the stars twinkle, the moon path shimmers on the water and the lighthouse beam sweeps round, before a warm dawn brings the morning back. Look at the ginger cat on the quay after dark: its eyes catch the lantern light.
Choose a style
-
Simple Form Just your title and the signup form. No scene, nothing to distract.
-
Card A clean white card with a strip of your brand colour on top.
-
Spotlight A bold panel in your brand colour, with the form front and centre.
-
Hourglass The sand runs out, the glass flips, and the cat sleeps through it.
-
Fetch A scruffy terrier plays fetch with itself, overshooting every single time.
-
Muralist A tiny painter prints a sunset mural row by row, then rolls it white again.
-
Duckling Queue Five ducklings wait behind a velvet rope for their turn to jump in.
-
Woolly Scarf A sheep knits a scarf from its own fleece, until there is no fleece left.
-
Hamster Launch One hamster powers the whole space program. Launching soon. Very soon.
-
Latte Art A rosetta blooms in every cup, and someone small sneaks a look.
-
Paper Plane Post A paper plane loops a cloud and posts your invite. The mailbox gulps it down.
-
Lighthouse The lamp sweeps the sea, the sail glows, and a sleepy seal looks up every time.
-
Balloon Ride A fox flies a hot-air balloon over the hills, with a bird hitching a ride.
-
Harbor Lights A quiet stone harbour turns from morning to a starry, lantern-lit night and back.
-
Ice Fishing A patient polar bear keeps reeling in the same old boot.
-
Night Owl Library An owl stacks a wobbly book tower that topples neatly onto the shelf.
-
Popcorn Night A raccoon in a blanket catches every kernel and eats the lot.
-
Proofing Dough A field mouse naps on the tea towel and rides the rising dough.
-
Rainy Window Rain runs down the café glass while the cat sleeps through it.
-
Reef Turtle A sea turtle glides across a sunlit reef and back while the light dances.
-
Snail Sprint A snail sprints flat out, at snail speed, while a ladybug referee times it.
-
Sprout A seed grows into a flower, and its one lucky seed finds its way home.
-
Tower Crane A beaver crane operator adds one more floor, and then another.
-
Toy Train One block per lap, one tower per wait, and one cat who can't resist.
How it works
- 1Pick a sceneTune its speed, size, colour and title. The preview is the real thing.
- 2Enter your websiteWe create a signup form for it on WaitlistApp.org.
- 3Paste one snippetAnimation and form together. Signups start right away.
Good to know
- Keep the credit linkUse any scene on any site, commercial or not. The credit link is the one condition.
- Hosted for youFixes and new touches reach your page without re-pasting.
- Light on your pageLoads after your page, draws when seen, pauses off screen, no cookies.
- Calm for everyoneReduced-motion visitors see a still frame; anyone can pause.
Please don’t re-host, resell or repackage the artwork.
Questions
What is a waitlist widget?
A signup form you put on your own website so people can join a waitlist before you launch. Ours puts a looping scene above the form that celebrates when someone joins.
How do I add a waitlist to my website?
Pick a scene, set your title, colour and layout, enter your website and email, and paste the one snippet you get where the form should appear. Signups start straight away.
Does it work with Webflow, Wix, Squarespace, WordPress or Shopify?
Yes. Anywhere you can paste an HTML embed or custom code block, the snippet works: it is a few lines of HTML with one script.
Where do the signups go?
Into a waitlist on WaitlistApp.org. Your private link shows who has joined and lets you keep the list in an account.
Will it slow my page down?
No. The script loads after your page, the scene is drawn only when it scrolls into view, and it pauses when off screen.
Can I change the speed, colour or title later?
Yes. They are plain attributes on the snippet (data-wlo-duration, data-wlo-accent, data-wlo-size); edit them on your page and the widget follows.
Can I have more than one waitlist on my website?
One website, one waitlist. If your site already has one, we point you to where you can manage it.
What about visitors who find motion distracting?
If their device asks for reduced motion they see a still frame, and everyone else can pause the scene.
Have an idea for a scene? Tell us.