RSS Feed Widget
Turn any RSS feed into a card grid with 3 lines of code
10 followers
Turn any RSS feed into a card grid with 3 lines of code
10 followers
A zero-dependency JavaScript widget that renders any RSS feed as a responsive card grid. Two files, one function call, and you get category filtering, skeleton loading, dark mode, and WCAG AA contrast out of the box. Install via npm, jsDelivr CDN, or just download the files. No frameworks, no build step, no configuration needed beyond a feed URL and a container selector. Under 7KB gzipped. MIT licensed. Default demo powered by how-to-do.net.
How does the skeleton loading behave if the feed takes more than a few seconds to respond, and is there a built-in timeout or fallback for feeds that fail to load entirely?
@glenyulu20ou The skeleton cards keep animating until the feed responds, since it uses the browser's native fetch which handles its own timeout (can be made configurable). If the feed fails to load entirely (bad URL, server error, invalid XML, or CORS block), the widget catches it and replaces the skeleton with an error message. There is also an onError callback you can pass in the config if you want to handle failures in your own way, like showing a custom fallback or retrying after a delay.
dropped it into a side project last night and the 7KB claim checks out, loaded instantly with no fiddling. dark mode just works without me having to think about it, which is rare for something this small.