Developers · Gutenberg
UUID Generator block for WordPress
Generate universally unique identifiers (UUID v4 and v1-style). Batch generate, copy individual or all, toggle formatting options, and view generation history.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Generate universally unique identifiers (UUID v4 and v1-style). Batch generate, copy individual or all, toggle formatting options, and view generation history.
Inspector panels on this block: Content, Generator Settings, Appearance. Those titles come from index.js, not from a shared template.
Behavior controls: “Default UUID Version” options: UUID v4 (random), UUID v1 (timestamp).
Where to find it
Gutenberg inserter → Developers → search “UUID Generator” (block name `blockenberg/uuid-generator` in block.json). Style it in the sidebar after insert.
How to use UUID Generator block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “UUID Generator”, insert it. Category: Developers.
- Configure inspector controls that exist on this block. Open Content. Set “Content — Title”, “Subtitle”, “Show Title”, “Show Subtitle”.
- Check the published page. The view script reads HTML data attributes: data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Content — Title | Text field in the inspector. block.json default: UUID Generator. Saved as `title`. |
| Subtitle | Text field in the inspector. block.json default: Generate unique identifiers instantly. Saved as `subtitle`. |
| Show Title | On/off toggle in the inspector. On by default. Saved as `showTitle`. |
| Show Subtitle | On/off toggle in the inspector. On by default. Saved as `showSubtitle`. |
| Default UUID Version | Select control; the chosen value is saved on the block. Options: UUID v4 (random); UUID v1 (timestamp). block.json default: v4. Saved as `defaultVersion`. |
| Default Count | Numeric range control in the inspector. Range 1–50. block.json default: 5. Saved as `defaultCount`. |
| Default Uppercase | On/off toggle in the inspector. Off by default. Saved as `showUppercase`. |
| Show History | On/off toggle in the inspector. Off by default. Saved as `showHistory`. |
| Max Width (px) | Numeric range control in the inspector. Range 320–1200. block.json default: 680. Saved as `contentMaxWidth`. |
| Accent / Button | Color control in the inspector. block.json default: #0ea5e9. Saved as `accentColor`. |
| UUID Background | Color control in the inspector. block.json default: #0f172a. Saved as `uuidBg`. |
| UUID Text | Color control in the inspector. block.json default: #7dd3fc. Saved as `uuidColor`. |
| Section Background | Color control in the inspector. block.json default: #f0f9ff. Saved as `sectionBg`. |
| Card Background | Color control in the inspector. block.json default: #ffffff. Saved as `cardBg`. |
| Title Color | Color control in the inspector. block.json default: #0c4a6e. Saved as `titleColor`. |
| Subtitle Color | Color control in the inspector. block.json default: #6b7280. Saved as `subtitleColor`. |
| Label Color | Color control in the inspector. block.json default: #374151. Saved as `labelColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts.
- JavaScript functions that perform the math: generate.
When this is the right block
- Generate universally unique identifiers (UUID v4 and v1-style). Batch generate, copy individual or all, toggle formatting options, and view generation history — that is the job of UUID Generator, not a generic content block.
- Use it when you need the editor control labeled “Content — Title”, which exists on this block’s inspector.
- It matches pages about uuid, guid, unique.
- The math runs in the visitor’s browser after publish — no extra calculator plugin.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the UUID Generator block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “UUID Generator”. It sits under Developers. After insert, open Content and set “Content — Title”, “Subtitle”, “Show Title”, “Show Subtitle”.
Does UUID Generator need a server or extra plugin?
No. After Blockenberg is active, the view script runs in the browser with the values you saved on the block.
Is the UUID Generator Gutenberg block free?
Yes. UUID Generator ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style UUID Generator to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Content, Generator Settings, Appearance).
Related developers blocks
Base64 Encoder / Decoder
Encode plain text to Base64 or decode Base64 back to text. Supports Unicode, URL-safe Base64 and one-click copy.
Password Generator
Secure random password generator with configurable length, character types (uppercase, lowercase, numbers, symbols), strength indicator, copy button, and fully customizable styling.
Regex Tester
Live regular expression tester with match highlighting, capture groups, and flag controls.
API Reference
Display API endpoint documentation with method badge, parameters table, and request/response code examples.
Code Tabs
Multi-language tabbed code viewer with syntax highlighting. Show the same snippet in JavaScript, Python, PHP, and more.
Cron Builder
Visual cron expression builder. Edit each field individually, see a human-readable description, choose from common presets, preview next run times, and copy the final expression.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert UUID Generator from the Gutenberg inserter.