Browse Code
RSS Feed Widget transforms any RSS feed into a responsive card grid with a single function call. Built with vanilla JavaScript, it requires no frameworks, no build tools, and no dependencies.
Drop two files into your project, call RSSWidget.init() with a feed URL, and you get a polished card layout with category filtering, skeleton loading, and automatic dark mode support.
Every category badge gets a deterministic color generated from its name. Descriptions truncate at word boundaries. Dates format cleanly. Cards animate in with a staggered entrance. The entire widget is WCAG AA compliant and respects prefers-reduced-motion.
Supports direct fetching for CORS-enabled feeds and configurable proxy fallback for feeds without CORS headers. Themeable via CSS custom properties so it adapts to any design system.
Under 7KB gzipped. MIT licensed. Default demo powered by how-to-do.net.
Features
- zero dependencies
- responsive card grid
- category filter bar
- skeleton loading
- staggered animations
- WCAG AA contrast
- CORS proxy support
- CSS custom properties theming
- configurable items and description length
Project Samples
