Hey Product Hunt! 👋 I kept overloading the website of my current project with ambient audio tracks, hover sound effects, and cinematic animations. It felt incredible on my dev machine… until I tested it on mobile or slower connections. The page crawled, audio janked, and users bounced before anything loaded properly. Standard optimizations helped a bit, but I wanted true progressive enhancement: deliver a fast, usable baseline first, then layer on the rich stuff only when the device/network could actually handle it. That’s why I built Birthday-Cake Loading – tiny tiering runtime that detects capability signals, respects reduced-motion/data preferences, and lets you gate motion, audio, rich images, etc. with and . Dropped it into my site → instant baseline, smooth upgrades, happy Lighthouse scores. If you’re building immersive Next.js experiences without punishing lower-end users, give BCL a try. Feedback welcome! 🎂

Birthday-Cake Loading (BCL)

Capability-first progressive enhancement for React + Next.js

Capability-first progressive enhancement for React + Next.js