Generators

Generators — 10 free browser-based developer tools including UUID Generator, Hash ID Generator and Dummy Data Generator. Everything runs locally with no signup or uploads, so your data stays private and results are instant.

10 tools

UUID GeneratorFree online tool to generate UUID v1, v4, and v7 with bulk creation and validation. UUIDs are produced securely in your browser via crypto.getRandomValues(), up to 1,000 at once, and v7 reveals the creation time.

Hash ID GeneratorFree online hash ID generator that creates short, URL-safe random IDs in nanoid style. Set the length and alphabet, generate one or many unique IDs at once and copy them for keys and slugs.

Dummy Data GeneratorFree online dummy data generator powered by faker.js that builds realistic fake names, emails and addresses. Pick your fields and export test data as JSON, CSV or SQL.

QR Code GeneratorQR code generator turning any text or URL into a QR code image, with adjustable size, error correction level and custom foreground and background colors. Download the PNG instantly, generated free in your browser.

Favicon GeneratorFree online favicon generator to create favicons from text, an emoji or a color. Pick a font, background and shape, then download ready PNG icons in multiple sizes for your site.

SVG Wave GeneratorFree online SVG wave generator with a visual editor for smooth wave shapes. Adjust amplitude, colors, and layers, apply ready-made presets, then copy the CSS and SVG code for backgrounds and dividers.

CSS Gradient GeneratorVisual CSS gradient generator for linear, radial and conic gradients: add color stops, tweak the angle and copy ready-to-use CSS. Perfect for backgrounds, buttons and hero sections, free in your browser.

CSS Box Shadow GeneratorCSS box-shadow generator with offset, blur, spread, color and inset controls and a live preview of the shadow. Copy ready-to-use box-shadow CSS for any element, free in your browser.

CSS Border Radius GeneratorCSS border-radius generator with eight independent corner handles and sliders and a live preview of the rounded shape. Copy ready-to-use border-radius CSS for any element, free in your browser.

CSS Flexbox GeneratorCSS Flexbox playground with a visual editor for justify-content, align-items, flex-direction and wrap, plus a live layout preview. Generate copy-ready Flexbox CSS for your container, free in your browser.

How to Use

1
Adjust the visual controls— Drag the sliders and handles for a gradient, a box shadow, a border radius or a flexbox layout; the preview updates on every change so you can tune the value by eye.
2
Copy the generated code— Each generator writes the CSS itself, ready to paste into a stylesheet, and the QR code, favicon and SVG wave generators export a file you can drop into the project.
3
Produce identifiers and fixtures in bulk— Generate a batch of UUIDs or short Hash IDs in one click, or build dummy records as JSON or CSV to fill a table while testing.

Frequently Asked Questions

Use v7 when the value becomes a primary key: it starts with a millisecond timestamp, so new rows land next to each other in a B-tree index instead of scattering across random pages. Stay with v4 when the identifier must reveal nothing about creation time, such as a public share token.

Yes. Both use crypto.getRandomValues(), the browser's cryptographically secure generator, rather than Math.random(). The Password Generator also reports entropy in bits so you can see whether the length and character set you picked is actually strong.

Yes. The gradient, box-shadow, border-radius and flexbox generators output standard CSS next to a live preview, and the properties they produce need no vendor prefixes in current browsers. The SVG Wave Generator hands you both the SVG markup and the CSS needed to use it as a background.