Embeds & Widgets

Embed any ToolPix tool directly on your website using an iframe. Fully customizable themes, no coding required.

How It Works

Create an Embed Key

Go to Console → Embeds and create a key. Set allowed domains and which tools to allow.

Copy the Snippet

Copy the generated iframe HTML snippet for the tool you want to embed.

Paste on Your Site

Drop the iframe anywhere in your HTML. The tool loads instantly with your theme.

Embed URL Format

https://toolpix.dev/embed/{tool-slug}?key={embed-key}

Example tool slugs:

json-formatterbase64-encodercolor-converterregex-testermarkdown-previewurl-encoder

Basic Snippet

<iframe
  src="https://toolpix.dev/embed/json-formatter?key=YOUR_EMBED_KEY"
  width="100%"
  height="600"
  frameborder="0"
  style="border: 1px solid #e5e7eb; border-radius: 12px;"
  allow="clipboard-write"
></iframe>

Custom Theme

Set custom colors when creating your embed key in the Console. Available theme properties:

Property	Description	Default
`bgPrimary`	Main background color	#0f1117
`bgSecondary`	Secondary/card background	#1a1b2e
`textPrimary`	Primary text color	#e2e8f0
`textSecondary`	Muted text color	#94a3b8
`accentPrimary`	Accent/button color	#7c5cfc
`borderPrimary`	Border color	#2d2e4a
`cardBg`	Card background	#141521

Domain Restrictions

For security, restrict each embed key to specific domains. The iframe only loads when served from an allowed domain. Leave empty to allow all domains (not recommended for production).

Allowed domains: example.com, app.example.com
# Wildcards not supported — list each subdomain explicitly

Branding

By default, a small Powered by ToolPix badge appears at the bottom of the embed. Pro+ plans can disable branding from the embed key settings in Console.

Ready to embed?

Create your embed key and copy the snippet from the Console.

Go to Console — Embeds →