ramonszo/zuck.js

Zuck.js is a JavaScript library that adds a "stories" feature to any website. Stories are the format popularized by Snapchat and adopted widely by Instagram, WhatsApp, and Facebook: a sequence of photos or short videos that play one after another and disappear after a set time. This library lets developers add that same format to their own sites without building it from scratch. The library reads story content from any data source you point it at, such as a JSON file or a Firebase database, and handles all the display logic itself. It comes with four visual themes out of the box that mimic the look of popular apps: Snapgram, FaceSnap, Snapssenger, and VemDeZAP. You can also write custom themes using CSS. Setup involves adding the library to a page (available via npm or a CDN script tag), creating a container element in the HTML, and initializing the library with a reference to that element. After that, a small API lets you add, update, or remove stories and individual story items dynamically. There is also React support for teams using that framework. The README notes one important limitation on mobile browsers: video inside stories cannot play with sound automatically due to browser restrictions on autoplay audio. The library works around this by muting video that plays on its own, then showing a prompt so the user can tap to turn sound on. The project is released under the MIT license and is actively maintained. It is a drop-in addition for any web project that wants to offer an Instagram-style stories experience to its users.