
I built a 6.6KB embeddable weather widget — here's how it works
I've been building wfy24.com solo for the past couple of years — a weather platform covering 5M+ locations in 51 languages. I just shipped a free embeddable weather widget and wanted to share how it works under the hood. The Problem Most weather widgets are bloated (100KB+), look ugly, break your CSS, and require paid subscriptions. I wanted something that's tiny, beautiful, and genuinely free. The Widget One script tag, that's it: <script src= "https://www.wfy24.com/widget.js" data-key= "YOUR_API_KEY" data-city= "london-gb2643743" data-theme= "auto" data-lang= "en" > </script> What you get: Real-time temperature from 23,000+ weather stations Lightning detection within 100km radius Rain nowcast (minutes until rain/dry) 3-day forecast with min/max temps 50+ languages, metric/imperial Light/dark/auto theme Technical Details Size: 6.6KB gzipped. No dependencies, no frameworks, no jQuery. Shadow DOM: The widget renders inside a Shadow DOM, so it won't interfere with your styles and your st
Continue reading on Dev.to Webdev
Opens in a new tab



