Embed free dev tools
anywhere.
One script tag. Eight tools. No signup, no API key, no tracking. Browser-only tools never send your data to our servers.
Three steps to embed any tool
It's designed to be as simple as adding a YouTube video.
Add a div
Place a div with a data-tn-widget attribute wherever you want the tool to appear.
Add the script
Include our script tag once per page. We recommend placing it at the bottom of the body or using the async attribute.
You're done
The tool renders natively via an iframe. Zero configuration, no API keys, and your users never leave your site.
Quick start
Copy and paste this snippet into your HTML to see it in action immediately.
<!-- Place this div where you want the tool -->
<div data-tn-widget="base64-encoder" data-tn-height="520"></div>
<!-- Add this script once per page -->
<script src="https://tools-network.com/widget-assets/tools-network-widget.js" async></script>Available widgets
Click any widget below to copy its embed snippet instantly.
base64-encoder
jwt-decoder
hex-to-rgb
color-palette
css-gradient
password-generator
image-compressor
unit-converter
Configuration Options
Customize your widget by adding these data-* attributes to the div.
| Attribute | Default | Valid Values | Description |
|---|---|---|---|
| data-tn-widget | — | See list above | Required. Identifies which tool to render. |
| data-tn-height | 600 | Integer (pixels) | Height of the embedded iframe. |
| data-tn-theme | light | light dark | Forces a specific color theme. |
| data-tn-border | 0 | 0 1 | Adds a styled border around the iframe. |
Live demo
This is the actual Base64 encoder widget, embedded on this page right now.
Privacy-first by design
All embedded tools run entirely inside the iframe using JavaScript. No data is sent to Tools Network servers. Your users' input stays in their browser.
Open source — fork it, improve it
The widget loader is MIT licensed. Submit a PR to add new tools or themes.