Embed ToolCrux Tools in Your Docs or Blog

Drop any tool into your site with one iframe line. Ad-free, auto-resizing, dark and light theme support.

How It Works

Each ToolCrux tool is available at /embed/{tool-slug}. Drop it into any page with a single <iframe>. Ads, header, sidebar, and footer are stripped. A "Powered by ToolCrux" footer with an "Open full tool" link stays — that's the only attribution required.

JSON Formatter Open full tool ↗
Password Generator Open full tool ↗

Copy an Embed Snippet

Click a tool below to get its embed snippet. Customize theme and compact mode using the URL parameters.


            
          

URL Parameters

ParameterValuesDefaultDescription
themedark | lightdarkSets the colour theme of the embedded tool.
compacttrue | falsefalseHides the tool title and description for a tighter layout.
dataURL-encoded JSON stringPre-fills the tool with specific input data on load.

Auto-Resize Script (Optional)

Add this script to your page to automatically adjust the iframe height as the tool content changes. Prevents scrollbars inside the embed.

<script>
window.addEventListener('message', function(e) {
  if (e.data && e.data.type === 'toolcrux-resize') {
    var iframe = document.querySelector(
      'iframe[src*="toolcrux.com/embed/' + e.data.slug + '"]'
    );
    if (iframe) iframe.style.height = e.data.height + 'px';
  }
});
</script>

Why Embed a Tool Instead of Linking?

Linking to a tool sends users away from your page. Embedding keeps them in context — a developer reading your JSON tutorial can format and validate a sample payload without leaving the article. A security guide can include a live password generator. A regex documentation page can have a working regex tester inline.

ToolCrux embeds are stripped of all advertising, navigation, and sidebars. The only external element is a small "Powered by ToolCrux" footer with an "Open full tool" link. All processing happens in the user's browser — no data is sent to any server for client-side tools.