FOMO Toast

FOMO Toast
FOMO Toast

About FOMO Toast

A small toast that appears in a corner of the page, showing who bought or joined and when. It cycles through a list you write, with a thin bar along the bottom showing how long each one has left.

What you can change

  • Each notification: name, action text, product, location, time label, avatar image and link. Without an image, the avatar shows initials.

  • Which corner it sits in, how often it appears (2 to 30 seconds), how long it stays (2 to 10 seconds), and whether the order is random or in sequence.

  • Background, text, accent and avatar colors, corner radius, shadow, the close button and two fonts.

  • An optional sound, from a file or a URL, with its own volume.

Where it fits

Store pages, pricing pages and product launches, where it helps to show that other people are buying.

Good to know

  • The entries are text you type. It isn't connected to a store, so they are only as true as what you enter, and the time labels don't update.

  • The sample entries link to framer.com. Change or clear those links before you publish.

  • Closing a toast stops them for that page view only. They come back on the next page load.

  • Browsers often block sound until a visitor has clicked something on the page, so the sound may not play at first.

From Syauqizaidan Khairan Khalaf

Code Comparison
AI Text Loading
Animated Terminal
OS Download Button

Related Components

Odometer Counter FX
Before - After Slide
Smooth Scroll Blur
Tally Row