All tools in this category Full tool catalog Open full tool page: UUID / GUID Generator

Guide

Embedding the UUID generator

Choose iframe widgets with optional ?theme= and ?compact=1, or link to the full localized tool. All processing stays in the visitor browser.

  • Updated: 2026-05-03
  • Preview iframes on this documentation page load the same static embed origin as production. Your site should still disclose third-party frames in your privacy policy when required.

Paired full tool page

This URL is the embed documentation. The same tool for everyday use (full UI, FAQ, all languages) lives on the public page below.

UUID / GUID Generator — Open full tool page

This guide (embed docs): /developers/embed/uuid/ Public tool path: /developers/uuid/

Ways to add the UUID generator

Use the official iframe URL for an inline widget, or deep-link to the full salamyx.com page when you only need a one-off. All variants still run UUID v4 generation in the visitor browser.

General embedding guide (all tools)

Inline iframe (recommended for dashboards)

Embed the minimal chrome version, optionally tune colors with ?theme= and density with ?compact=1. Pair with the postMessage height contract from the general embedding guide.

Open full tool page

Link or button to the full tool

Best when you want localized UI, full FAQ, and zero layout coupling. Open the canonical tool page in a new tab from your CMS or documentation.

Open full tool page

Live previews (color themes)

Each frame loads the same embed URL with different theme query strings. Your site can match light documentation, dark product UI, or neutral blog sidebars.

On wide viewports we use two columns so each iframe stays readable. The lower pair uses a narrow ~300px column to mimic a documentation sidebar; the upper pair uses the full cell width like a content block or dashboard tile.

Default dark (matches main salamyx look) Default shell for dark portals, admin tools, and dev consoles. (default)
Light paper background, dark text Bright background for public docs, help centers, and light CMS chrome. ?theme=light
Cool slate panels Cool slate beside code samples or neutral product UI. ?theme=slate
Warm dark with amber accent Warm dark with amber accent for blogs and marketing layouts. ?theme=amber

Compact density

Append &compact=1 to reduce padding in the chrome and main area for narrow sidebars.

Theme query parameter

Append ?theme=light|slate|amber (or omit / use dark). Invalid values fall back to the default dark shell.

Styling on your host page

You control border-radius, shadow, and max-width on the iframe element. The embed document only adjusts its internal palette; it cannot inherit your site fonts automatically inside a cross-origin frame.

Example URLs with parameters

Base URL is the embed endpoint. Add query pairs such as ?theme=light&compact=1. Order does not matter.

https://salamyx.com/embed/developers/uuid/
https://salamyx.com/embed/developers/uuid/?theme=light
https://salamyx.com/embed/developers/uuid/?theme=slate&compact=1
https://salamyx.com/embed/developers/uuid/?theme=amber

Privacy And Limitations

Preview iframes on this documentation page load the same static embed origin as production. Your site should still disclose third-party frames in your privacy policy when required.

  • Theme and compact switches only adjust chrome spacing and colors; they do not change UUID format or cryptographic behavior.
  • Very small iframe widths can wrap controls awkwardly on mobile; test your breakpoints.
  • Cross-origin iframes cannot inherit fonts or CSS variables from the parent page.

Related Pages

FAQ

Does the UUID embed support themes?

Yes. Append ?theme=light|slate|amber to the embed URL, or omit the parameter for the default dark shell. Invalid theme names fall back to dark.

What does compact=1 do?

It reduces padding in the embed header and main area so the widget fits narrow sidebars or stacked documentation layouts.

Can I style the iframe from my site?

You can style the iframe element itself (border, radius, shadow). Internal typography inside the iframe stays controlled by salamyx.com for consistency and security.

Is this different from the general embedding guide?

The general guide explains framing rules and postMessage for all tools. This page focuses on UUID-specific UX patterns and live previews.

Where is input processed?

UUID generation still runs locally in the visitor browser, identical to the full tool page.