Skip to content
Free tool

every widget, every skinsee it before you paste it

Pick a skin, a theme, an accent and any of the fifteen feedback buttons, then switch widgets on and off. The preview runs the real script on a live project, and the code underneath is what you paste.

Everywhere

Skin

The rounded card, centred

Theme

Auto matches whatever the widget sits on.

Accent

Live against the demo project, so the entries, votes and uptime are real.

Your code

One script tag, then each widget where you want it. Only what you changed is spelled out; everything else is the default.

<!-- Once per page, before </body> -->
<script src="https://feedfa.st/embed.js"
        data-project="your-project"
        defer></script>

<!-- Feedback button -->
<div data-feedfast="feedback"></div>

<!-- Changelog -->
<div data-feedfast="changelog"
     data-limit="3"></div>

<!-- Uptime -->
<div data-feedfast="uptime"></div>

whatever you pickthe script stays small

Skins and styles change how the widgets look, not what your visitors download.

  • About 12 KB gzippedOne file, whichever widgets and skin you use. Switching things off doesn't make your visitors download less, and doesn't need to.
  • Shadow DOMEvery widget renders in its own shadow root, so your CSS can't break it and its styles can't touch your page.
  • No cookiesLocal storage remembers which entry a visitor last read, so the badge knows when to say New. Nothing else is kept.
  • Live dataWidgets read one public JSON document, cached for a minute at the edge, so your origin never sees the traffic.

Found the look? Point it at your board.

Free for one project, with the widgets, the badge and every skin included. Swap the slug in the code above for yours and it works.