Embeddable Widget Code Generator

Generate self-contained, documented HTML/CSS/JS snippets ready to embed in any site.

Loading tool…

How to use it

  1. Choose a widget type: back-to-top, click-to-copy, live clock or auto-updating year.
  2. Fill in the options — label, position, text, timezone or prefix.
  3. Copy the generated snippet and paste it into your page following the included instructions.
  4. Each snippet is dependency-free, CSP-friendly and documented with an HTML comment.

About this tool

Choose a widget type — hit counter badge, click-to-copy button, back-to-top link and more — configure its options, and get a single snippet with inline styles and no external dependencies. The generated code is documented and avoids inline event handlers so it works with strict CSP headers.

Your input never leaves the browser: this tool works entirely offline once the page has loaded.

Frequently asked questions

Will these snippets work on any CMS?

They are plain HTML with inline styles and no external requests, so they work in any system that lets you insert raw HTML — WordPress custom HTML blocks, static sites, landing pages.

Why no inline onclick handlers?

Websites with a strict Content-Security-Policy block inline event handlers. All snippets use addEventListener, so they keep working under CSP.