Latte Art waitlist widget
A steel milk jug lifts off its ledge, swings over a cup on a café counter and pours. The coffee turns caramel, white leaves wiggle into place one by one, and a last pull-through draws the stem of a rosetta. The jug flies home, the finished latte slides off along the counter and a fresh cup slides in. Watch the saucer: a shy sugar cube peeks out from behind the cup to admire each one. You choose how long each cup takes, from a morning rush to a slow Sunday pour.
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.