Skip to main content
Generators

Online Code & Asset Generators

Generate UUIDs, QR codes, passwords, CSS gradients, box shadows, favicons, placeholder images, Lorem Ipsum text, fake test data, and much more — all free, instantly, with no account required.

35

tools

Free

always

100%

browser-based

0

data stored

Hash Generator

Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from any text.

sha256hashmd5

UUID Generator

Generate RFC-compliant UUIDs (v4 and v7) in bulk.

uuidguid

Password Generator

Generate strong, customizable passwords with entropy score.

passwordgenerate

Lorem Ipsum Generator

Generate placeholder Lorem Ipsum text by words, sentences, or paragraphs.

loremipsum

QR Code Generator

Generate QR codes from any text or URL and download as PNG.

qrqrcode

Fake Data Generator

Generate realistic fake names, emails, addresses, and more for testing.

fakedata

CSS Gradient Generator

Build linear and radial CSS gradients visually and copy the code.

cssgradientlinear

CSS Box Shadow Generator

Create and preview CSS box shadows visually with live code output.

cssbox-shadowshadow

Color Palette Generator

Generate harmonious color palettes from a base color.

colorpalette

UTM Builder

Build UTM-tagged URLs for tracking marketing campaigns.

utmurl

Slug Generator

Convert any text into a URL-safe slug for use in paths and IDs.

slugurl

Markdown Table Generator

Build Markdown tables visually and copy the formatted output.

markdowngridtable

Meta Tag Generator

Generate SEO and Open Graph meta tags for HTML <head>.

htmlmetaseo

CSS Flexbox Playground

Build CSS flexbox layouts visually and copy the generated CSS.

cssflexboxlayout

Color Picker

Pick colors visually using HSL/RGB sliders and copy in HEX, RGB, or HSL format.

colorpicker

HMAC Generator

Generate HMAC message authentication codes using SHA-256, SHA-1, or SHA-512.

hmacsha256hash

TOTP Generator

Generate Time-based One-Time Passwords (RFC 6238) — compatible with Google Authenticator.

totpotp2fa

CSS Grid Playground

Build CSS grid layouts visually — set columns, rows, gap, alignment and copy the generated CSS.

cssgridlayout

.gitignore Generator

Generate a .gitignore file for any language, framework, or OS with one click.

pythongitignoregit

Web Manifest Generator

Generate a web app manifest.json for PWA — set name, icons, colors, display mode.

jsonmanifestpwa

Robots.txt Generator

Build a robots.txt file visually — add allow/disallow rules per bot and add a sitemap URL.

robotsseo

CORS Headers Generator

Generate CORS header config for Apache, Nginx, Node/Express with allowed origins and methods.

httpcorsheaders

NPM Script Builder

Build your package.json scripts section visually — pick common dev, build, test, and lint tasks.

javascriptnpmpackage.json

CSS Cubic Bezier

Create and preview CSS cubic-bezier timing functions with a draggable interactive curve editor.

cssbezieranimation

SVG Blob Creator

Generate organic blob SVG shapes with randomness controls — copy or download the SVG.

svgblobshape

Tailwind Color Generator

Generate a full 10-shade Tailwind CSS color scale from any base color.

csstailwindcolor

Placeholder Image

Generate placeholder images with custom dimensions, colors, and text — download as PNG.

placeholderimage

ASCII Art Generator

Convert text to ASCII art in multiple font styles — Big, Banner, Block, Bubble, and more.

asciiart

Image Resizer

Resize and crop images in the browser — set exact dimensions, lock aspect ratio, choose format.

imageresize

Image Compressor

Compress JPEG, PNG, and WebP images in the browser — adjust quality and download instantly.

imagecompress

Favicon Generator

Generate all favicon sizes (16×16 to 512×512) from any image — download with HTML snippet.

htmlfaviconicon

WiFi QR Generator

Generate a scannable QR code that connects phones to WiFi — no typing required.

wifiqr

Code to Image

Turn your code snippet into a beautiful shareable image with syntax highlighting and custom themes.

codeimage

Color Shades Generator

Generate a full 11-step shade palette (50–950) from any base color with Tailwind and CSS output.

csscolorshades

CSS Clip Path Generator

Visually build polygon, circle, and ellipse clip-paths with a drag-and-drop editor.

cssclip-pathpolygon

Developer generators

  • UUID Generator — generate RFC-compliant UUID v4 and v7 identifiers in bulk — copy as JSON array or plain list.
  • Password Generator — generate cryptographically strong passwords with custom length, character sets, and entropy score.
  • Hash Generator — generate MD5, SHA-1, SHA-256, and SHA-512 hashes from any text string or file content.
  • Fake Data Generator — generate mock names, emails, phone numbers, addresses, and company names for testing and prototyping.
  • Lorem Ipsum Generator — generate placeholder text by word, sentence, or paragraph count in classic or random Lorem Ipsum.

CSS & design generators

  • CSS Gradient Generator — build linear and radial CSS gradients visually with live preview and copy-ready code.
  • CSS Box Shadow Generator — design layered box shadows with a drag-and-drop editor and get the CSS output.
  • CSS Flexbox Playground — configure flexbox properties visually and copy the generated CSS for your layout.
  • CSS Grid Playground — define grid columns, rows, gap, and alignment visually and export the CSS.
  • Tailwind Color Generator — generate a full 50–950 shade palette from any base color in Tailwind CSS format.

Image & asset generators

  • QR Code Generator — generate a QR code from any text or URL and download as a PNG file.
  • Favicon Generator — create all favicon sizes (16×16 to 512×512) from any image and download with the HTML snippet.
  • Placeholder Image — generate placeholder images with custom width, height, colors, and text for mockups.
  • Code to Image — turn a code snippet into a shareable, beautifully formatted image with syntax highlighting.