✦ Zero dependencies

Turn any RSS feed into a beautiful card grid

A lightweight widget built with vanilla JavaScript. No frameworks, no build step, no npm install. Just two files and three lines of code.

See it live Quick start

⚡

Lightweight

Under 4KB gzipped. No frameworks, no build tools, no dependencies to manage.

🎨

Themeable

Auto dark mode, CSS custom properties, and auto-generated category colors.

🔌

Drop-in

One JS file, one CSS file, one function call. Works in any HTML page.

Live Demo

Try it with any RSS feed

Paste a feed URL or use the default to see it in action.

Quick Start

Three lines. That's it.

Add the files, call init, and you're done.

      
<!-- Add the widget files -->
<link rel="stylesheet" href="rss-widget.css">
<script src="rss-widget.js"></script>

<!-- Add a container -->
<div id="rss-widget"></div>

<!-- Initialize -->
<script>
  RSSWidget.init({
    feed: 'https://how-to-do.net/feed.xml',
    container: '#rss-widget',
    perPage: 9,
    pagination: true,
    paginationStyle: 'numbered',
    showImage: true,
    showFilter: true,
    theme: 'auto'
  });
</script>
    