# generate.now — full content

Long-form content (description, use cases, examples, FAQ) for every tool. Intended as a single source for LLMs and search crawlers.

Site: https://generate.now
Index: https://generate.now/llms.txt

---

## Cron Expression Generator

URL: https://generate.now/cron
Category: time
AI-powered: yes
Keywords: cron expression generator, natural language to cron, cron syntax, cron generator, cron to english, crontab generator

### Description

Convert natural language schedules into valid cron expressions and back. Supports 5-field standard and 6-field (with seconds) variants. Shows next 5 run times and an expanded explanation of every field.

### Use cases

- Schedule a backup every weekday at 2am
- Trigger a deploy on the first of the month
- Run a cleanup script every 15 minutes
- Translate an inherited cron expression to plain English before editing it
- Generate a cron string for GitHub Actions, Vercel Cron, or a Kubernetes CronJob

### Examples

**Input:** every weekday at 9am
```
0 9 * * 1-5
```
*Runs at 9:00 AM on Monday through Friday.*

**Input:** every 15 minutes
```
*/15 * * * *
```
*Fires at minute 0, 15, 30, and 45 of every hour.*

**Input:** first day of every month at midnight
```
0 0 1 * *
```
*Useful for monthly billing or report jobs.*

**Input:** every sunday at 3:30am
```
30 3 * * 0
```
*Common weekly maintenance window.*

**Input:** twice an hour during business hours, monday to friday
```
0,30 9-17 * * 1-5
```
*Runs at :00 and :30 between 9am and 5pm on weekdays.*

**Input:** every 6 hours
```
0 */6 * * *
```
*Fires at 00:00, 06:00, 12:00, 18:00.*

### FAQ

**What does a cron expression look like?**
A standard cron expression has five fields separated by spaces: minute (0-59), hour (0-23), day of month (1-31), month (1-12), and day of week (0-7, where 0 and 7 are Sunday). Each field can be a number, a list (1,2,3), a range (1-5), a step (*/15), or a wildcard (*).

**What's the difference between 5-field and 6-field cron?**
5-field cron starts with the minute field and is the standard format used by Unix cron, GitHub Actions, and Vercel Cron. 6-field cron adds a leading seconds field and is used by Quartz scheduler, Spring, and some other systems. Pick the variant that matches the system you're scheduling on.

**How do I run a job every X minutes?**
Use a step value in the minute field: */5 for every 5 minutes, */15 for every 15 minutes. The first run is at minute 0 and then at each subsequent interval.

**How do I write a cron expression for the last day of the month?**
Standard cron doesn't have a native 'last day' token. Some implementations (Quartz, AWS) support L for last. With standard cron, the workaround is to run on every day from the 28th and have your script check whether it's actually the last day.

**Does this work for GitHub Actions and Vercel Cron?**
Yes. GitHub Actions and Vercel Cron both use standard 5-field POSIX cron. Generate a 5-field expression and paste it into your workflow file or vercel.ts schedule.

**Can I get an expression for a specific timezone?**
Cron expressions themselves don't carry timezone information — they're interpreted in the timezone of the system running them. Most schedulers default to UTC. Be explicit about timezone in your scheduler config, then write the expression in that timezone.

**What does the 'next run times' preview mean?**
After you generate or paste a cron expression, the tool computes the next five times the job would run if started right now, using your local timezone. Use this to sanity-check that the expression matches what you intended.

**Why is my cron expression invalid?**
The most common causes are: a value outside the allowed range (e.g. 60 in the minute field), a missing or extra field, or using day-of-week names in a scheduler that only accepts numbers. The validation panel will point to the offending field.

---

## Regex Generator

URL: https://generate.now/regex
Category: text
AI-powered: yes
Keywords: regex generator, natural language regex, regex builder, regex from description, regex tester, regular expression generator

### Description

AI-powered natural language to regex. Generates a pattern with flags, explains each token, and lets you test against sample text with live highlighting. Built for the moments when you need a regex now and don't want to remember whether \d needs escaping.

### Use cases

- Match all email addresses in a paragraph
- Extract URLs from a log file
- Validate UK postcodes or US ZIP codes
- Find anything that looks like a phone number
- Pull out semantic version strings like v1.2.3

### Examples

**Input:** match all email addresses except gmail
```
\b[A-Za-z0-9._%+-]+@(?!gmail\.com)[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b
```
*Matches valid email syntax but uses a negative lookahead to exclude gmail.com.*

**Input:** find UK postcodes
```
\b[A-Z]{1,2}\d[A-Z\d]?\s?\d[A-Z]{2}\b
```
*Matches the standard UK postcode format.*

**Input:** match a hex color, with or without #
```
#?[0-9a-fA-F]{6}\b
```
*Matches 6-character hex codes with an optional leading #.*

**Input:** extract IPv4 addresses
```
\b(?:(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d\d?)\b
```
*Matches valid IPv4 addresses with bounded octets (0-255).*

### FAQ

**Which flavor of regex does this generate?**
By default the output is PCRE-compatible and runs as-is in JavaScript (ECMAScript), Python, Go, Java, and most other modern regex engines. Some flavor-specific tokens — like lookbehind in older JS engines — will be flagged in the explanation.

**How do I use the generated regex in JavaScript?**
Wrap the pattern in slashes with the flags after — for example /pattern/gi — or pass it as a string to new RegExp(pattern, 'gi'). Use String.prototype.match, matchAll, replace, or test depending on what you need.

**What do the flags mean?**
g matches all occurrences (not just the first), i is case-insensitive, m makes ^ and $ match line boundaries instead of the whole string, and s lets . match newlines. The tool picks sensible defaults but you can edit them.

**Why does the explanation not match the regex exactly?**
The token breakdown explains each meaningful piece — character classes, quantifiers, groups — in order. If the regex contains literal punctuation, it shows up as 'literal x' rather than as a separate token. If you spot a real mismatch, regenerate or refine the description.

**Can I use this for password validation?**
You can, but consider whether you actually need a regex. Most password rules — minimum length, character class requirements — are clearer when written as a sequence of small checks. Regex is a great fit for extraction and matching, less so for boolean validation against many rules.

**Does the test panel save my pasted text?**
No. The test panel runs entirely in your browser. Pasted text never leaves your device.

---

## JWT Encoder & Decoder

URL: https://generate.now/jwt
Category: auth
AI-powered: no
Keywords: jwt decoder, jwt encoder, jwt generator, jwt token decoder online, json web token, jwt verify

### Description

Paste a JWT to see its three parts broken out with claim explanations and expiry status, or build a new token by filling in the header and payload. Supports HS256, HS384, HS512, RS256, RS384, and RS512. Runs entirely in your browser — nothing is sent to a server.

### Use cases

- Debug a 401 by inspecting the token your client is sending
- Verify that 'exp' is set correctly before shipping a login flow
- Generate a test token with a known secret for local development
- Quickly check whether a payload contains the claims you expect

### Examples

**Input:** eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkphbmUgRG9lIiwiaWF0IjoxNzAwMDAwMDAwfQ.signature
```
{ alg: HS256, sub: 1234567890, name: Jane Doe, iat: 1700000000 }
```
*Decoded header and payload. The signature is shown but not verified without a secret.*

**Input:** Build a token with sub=alex, exp=+1h, secret=supersecret
```
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
```
*Signed with HS256 using the provided secret.*

### FAQ

**Is it safe to paste a JWT here?**
All decoding happens in your browser using the jose library — your token never reaches our servers. That said, a JWT can be replayed if it's still valid, so don't paste production tokens into any random site (including this one) without rotating them afterwards.

**How is decoding different from verification?**
Decoding splits a JWT into its base64url-encoded parts so you can read them. Verification checks the signature against a known key. The decoder shows you both halves — but it only verifies if you provide the matching secret or public key.

**What's the difference between HS256 and RS256?**
HS256 uses a shared secret (HMAC SHA-256) — same key signs and verifies. RS256 uses an RSA private/public key pair — the private key signs, the public key verifies. Use RS256 when the verifier doesn't need to mint tokens.

**Why does my token say 'expired'?**
The 'exp' claim is a Unix timestamp. If it's earlier than the current time, the token has expired and most verifiers will reject it. The decoder shows a human-readable expiry next to the claim.

**Can I edit a payload and re-sign?**
Yes — switch to encode mode, paste the header and payload, set the algorithm, and provide a secret or private key. The tool produces a fresh signed token.

**Do you support encrypted JWTs (JWE)?**
Not yet. The decoder handles JWS (signed) tokens. JWE support is on the roadmap — let us know if you need it.

---

## UUID Generator

URL: https://generate.now/uuid
Category: data
AI-powered: no
Keywords: uuid generator, uuid v4, uuid v7, guid generator, uuid online, bulk uuid, uuid validator

### Description

Generate one UUID or a thousand, in whatever version you need. v4 is fully random (default), v7 is timestamp-sortable, v1 is timestamp-based with a node ID, v8 is custom. Format the output as lowercase, uppercase, Base64, or URN. Includes a validator that decodes a UUID into its parts.

### Use cases

- Generate a primary key for a quick test row in your database
- Seed a fixture file with a thousand realistic IDs
- Get a timestamp-ordered UUID v7 to use as a sortable identifier
- Validate a UUID you pulled from a log and find out which version it is

### Examples

**Input:** Generate 1 × UUID v4
```
5b1f2a8c-3e9d-4b1c-9f6e-1a2b3c4d5e6f
```
*Random UUID, the default for new identifiers in most systems.*

**Input:** Generate 5 × UUID v7
```
0192f3a1-..., 0192f3a1-..., 0192f3a1-..., 0192f3a1-..., 0192f3a1-...
```
*Timestamp-sortable UUIDs. Newer UUIDs sort after older ones lexicographically.*

**Input:** Validate 5b1f2a8c-3e9d-4b1c-9f6e-1a2b3c4d5e6f
```
Valid, version 4 (random)
```
*Confirms the input is a well-formed UUID v4.*

### FAQ

**What's the difference between UUID v4 and v7?**
v4 is 122 bits of randomness — collision-proof but unordered, which causes B-tree index fragmentation in databases. v7 prefixes 48 bits of millisecond timestamp before the random bits, so newer UUIDs sort after older ones. Use v7 when ordering matters.

**Are these UUIDs cryptographically secure?**
Yes. The tool uses the Web Crypto API (crypto.getRandomValues) for all randomness. That's the same source recommended for security-sensitive use in browsers and Node.js.

**What's UUID v8?**
v8 is the 'custom' version defined in RFC 9562. It lets you encode application-specific data into the UUID while still being a valid UUID. Most apps don't need v8 — pick v4 or v7 instead.

**Should I store UUIDs as text or binary in Postgres?**
Postgres has a native uuid type (16 bytes) — use it. It's smaller than text (37 bytes for the canonical form) and faster to index. The Drizzle / Prisma / Kysely uuid types map to it directly.

**Can I generate UUIDs that are also valid ULIDs?**
Not quite — ULID and UUID have different layouts. But UUID v7 covers the same need (timestamp-sortable IDs) and is far more widely supported.

**Why does v1 expose my MAC address?**
Historically v1 included the host's MAC address as the 'node' field, which was a privacy issue. Modern implementations (and this tool) randomize the node ID instead. Even so, prefer v4 or v7 for new code.

**How many UUIDs can I generate at once?**
The UI supports up to 1,000 per generation. Beyond that, hit the API in batches.

---

## JSON to TypeScript Types

URL: https://generate.now/json-to-types
Category: data
AI-powered: no
Keywords: json to typescript, json to types, json to interface, json to zod, json schema generator, json to valibot

### Description

Convert any JSON sample into a TypeScript type definition or runtime schema. Toggle between interface, type alias, Zod, and Valibot output. Configure root name, optional fields, readonly modifiers, and how to handle nulls. Powered by quicktype.

### Use cases

- Generate types for a third-party API you only have a sample response from
- Bootstrap a Zod schema from a JSON fixture
- Convert an inherited JSON blob into proper TypeScript before refactoring
- Add runtime validation to a route that previously trusted unknown input

### Examples

**Input:** { "id": 1, "name": "Alex", "active": true }
```
interface Root {
  id: number;
  name: string;
  active: boolean;
}
```
*Basic interface inferred from a single sample.*

**Input:** { "items": [{ "id": "a" }, { "id": "b", "label": "B" }] }
```
interface Root {
  items: Item[];
}
interface Item {
  id: string;
  label?: string;
}
```
*Array items are merged and fields present in only some objects become optional.*

**Input:** { "id": 1, "name": "Alex" }  // Zod output
```
z.object({ id: z.number(), name: z.string() })
```
*Same shape as a Zod schema for runtime validation.*

### FAQ

**How does the tool decide whether a field is optional?**
For an array of objects, any field that's missing from at least one object becomes optional. For a single object, every field is required by default. You can toggle the 'mark optional' option to soften this.

**What's the difference between an interface and a type alias?**
For object shapes, they're nearly interchangeable. Interfaces can be augmented via declaration merging; type aliases support unions and primitives. The tool picks interface by default for object-shaped JSON.

**When should I use Zod or Valibot instead of TypeScript types?**
Use plain TS types when the data is already trusted (e.g. you control the producer). Use Zod or Valibot at the trust boundary — incoming HTTP requests, external API responses, env vars — where you want runtime validation to back the static type.

**Why is a number sometimes typed as 'number' and sometimes as a literal?**
If every sample shows the same literal value, the tool can narrow to that literal — useful for status fields like 'success' or 'error'. By default it widens to the broader primitive; you can override with the 'narrow literals' option.

**How do nulls become 'unknown'?**
When a field is null in the sample, the tool can't tell what its non-null type is. The default is to emit T | null where T is best-guessed, but you can switch to unknown to be more strict.

**Does it support deeply nested objects?**
Yes. Each nested object becomes its own type, named after the field. You can rename types in the output panel.

---

## .gitignore Generator

URL: https://generate.now/gitignore
Category: config
AI-powered: yes
Keywords: gitignore generator, .gitignore template, gitignore for next.js, gitignore for python, gitignore creator, gitignore from description

### Description

Generate a tidy, well-commented .gitignore for any combination of languages, frameworks, and tools. Two modes: describe your project naturally and let AI assemble the file, or pick stacks from a curated list. Sections are labelled, comments are kept, and entries are deduplicated.

### Use cases

- Bootstrap a fresh repo with a sensible .gitignore in seconds
- Add a new language to an existing repo without searching for the right template
- Get a .gitignore for a polyglot project where no single template fits
- Audit your current .gitignore against best practice for your stack

### Examples

**Input:** Next.js app with Python data scripts and a Rust CLI
```
# Next.js
.next/
out/

# Python
__pycache__/
*.py[cod]
.venv/

# Rust
target/
Cargo.lock
```
*Three stacks merged with comment headers and no duplicate entries.*

**Input:** Select: Node.js, macOS, JetBrains, VSCode
```
# Node
node_modules/
npm-debug.log*

# macOS
.DS_Store

# JetBrains
.idea/

# VSCode
.vscode/
```
*Standard combo for a Node project on a Mac.*

### FAQ

**Where does the template data come from?**
The 'select' mode uses a curated set of templates derived from the github/gitignore repository, kept up to date with current best practice. The 'describe' mode uses AI to assemble a custom file for cases the curated set doesn't cover cleanly.

**Is the order of entries significant?**
Yes, but only in edge cases — later rules can override earlier ones with the ! prefix. The generator preserves a sensible order and avoids using ! unless you describe a need for it.

**Should I commit .env files?**
No. Commit .env.example with placeholder values; ignore .env and any .env.local variants. The generated .gitignore includes these by default.

**Why is package-lock.json or pnpm-lock.yaml not ignored?**
Lockfiles should be committed — they pin dependency versions for reproducible installs. The generator never adds them to .gitignore.

**Does it handle nested .gitignore files?**
Yes, indirectly: nested .gitignore files override the root one for their subtree. The tool generates root-level .gitignore content, but you can paste sections into nested files as needed.

---

## Color Palette Generator

URL: https://generate.now/palette
Category: color
AI-powered: yes
Keywords: color palette generator, ai color palette, palette from text, hex color generator, oklch palette, color scheme generator

### Description

Generate cohesive color palettes from a natural-language vibe. Each palette comes back as five swatches with one-click copy in hex, RGB, HSL, and OKLCH. Tweak any swatch and re-export. Powered by Claude for the seed → palette step; conversions run locally.

### Use cases

- Kick off a brand exploration without opening a design tool
- Get a palette for a landing page before a designer is involved
- Translate a mood board prompt into usable CSS variables
- Generate quick swatches for a data viz or chart series

### Examples

**Input:** sunset over Tokyo
```
#ff9472, #f2709c, #5b3a8c, #1d2671, #c33764
```
*A warm-to-cool gradient palette inspired by city dusk.*

**Input:** minimal forest morning
```
#e8efe6, #b7c9b1, #8aa78a, #4f6b56, #243d33
```
*Soft greens stepping from highlight to deep shadow.*

**Input:** cyberpunk diner
```
#0d0221, #ff003c, #00f0ff, #ffd700, #f6019d
```
*High-contrast neons over near-black backgrounds.*

### FAQ

**How does it pick the colors?**
Claude proposes five hex values from your description. The tool then converts each to RGB, HSL, and OKLCH locally and previews them as swatches.

**Can I edit a single swatch?**
Yes. Each swatch is editable in any format — the others update live. Use it to fine-tune contrast, lightness, or chroma without leaving the page.

**Why OKLCH and not just HSL?**
OKLCH is perceptually uniform: a 10-point lightness change looks like a 10-point change to the eye. HSL doesn't have that property and can produce muddy mid-tones. Both are exported for compatibility.

**Are the palettes accessible?**
The tool aims for usable contrast but doesn't enforce WCAG ratios. Pair this with a contrast checker for production use, especially when picking text/background pairs.

---

## CSS Gradient Generator

URL: https://generate.now/gradient
Category: color
AI-powered: no
Keywords: css gradient generator, linear gradient, radial gradient, tailwind gradient, background gradient, css mesh gradient

### Description

A visual gradient builder for CSS. Drag stops, set angle, pick linear or radial, and copy the result as a CSS background-image declaration or a Tailwind arbitrary value. Live preview reflects every change.

### Use cases

- Build a hero background gradient that doesn't look like every other SaaS site
- Translate a Figma gradient to clean CSS
- Prototype a button or card surface with a subtle gradient sheen
- Get the Tailwind class for an existing CSS gradient

### Examples

**Input:** linear, 135°, #ff7a59 → #6a3093
```
linear-gradient(135deg, #ff7a59 0%, #6a3093 100%)
```
*A standard two-stop diagonal sweep.*

**Input:** radial, centered, three stops
```
radial-gradient(circle at 50% 50%, #f6d365 0%, #fda085 50%, #f76b1c 100%)
```
*Sunburst-style radial gradient with three color stops.*

### FAQ

**Can I add more than two color stops?**
Yes — add as many stops as you need. Each stop has a position (0–100%) and a color. Drag the handles in the preview or edit the values directly.

**What's the difference between linear and radial?**
Linear gradients travel along a single axis you specify with an angle. Radial gradients emanate from a point in concentric rings. Conic gradients (around a point) are a separate type.

**Why does my gradient look banded?**
Banding usually comes from low contrast between adjacent stops on a wide gradient. Add intermediate stops, increase the color distance, or switch to OKLCH interpolation for a smoother fall-off.

**Does the Tailwind output use the gradient utilities?**
For two-stop gradients it uses Tailwind's bg-gradient utilities. For three or more stops or unusual angles, it emits an arbitrary value (bg-[linear-gradient(...)]) so you don't lose fidelity.

---

## Color Picker & Converter

URL: https://generate.now/color
Category: color
AI-powered: no
Keywords: color picker, color converter, hex to rgb, hex to hsl, hex to oklch, rgb to cmyk, color format converter

### Description

A single-color workbench: enter any format, see all the others. Includes hex, RGB, HSL, OKLCH, CMYK, and the closest CSS named color. Pick from a native color picker or type a value. Conversions are deterministic and run entirely in the browser.

### Use cases

- Convert a hex code from a screenshot into RGB for a print spec
- Get the OKLCH equivalent of a Figma color for use in Tailwind v4
- Find the closest CSS named color for a hex value
- Sanity-check a CMYK value before sending to a printer

### Examples

**Input:** #ff7a59
```
rgb(255, 122, 89) · hsl(11, 100%, 67%) · oklch(73% 0.18 30)
```
*Same color in three different formats.*

**Input:** rgb(48, 209, 88)
```
#30d158 · hsl(135, 63%, 50%) · closest named: limegreen
```
*Apple's system green, with its named-color neighbor.*

### FAQ

**Is OKLCH lossless from sRGB?**
Within the sRGB gamut, yes. Some OKLCH values lie outside sRGB (wide-gamut displays) — the tool flags those and shows the clamped sRGB equivalent.

**How accurate is the CMYK conversion?**
CMYK is device-dependent and requires a color profile for true accuracy. The tool uses a naive sRGB→CMYK formula that's fine for screen reference but should not be used in place of a print-side conversion.

**What does 'closest named color' mean?**
CSS defines about 150 named colors (red, dodgerblue, lavenderblush, etc). The tool finds the one with the smallest perceptual distance to your input using ΔE in OKLCH.

---

## CSS Box Shadow Generator

URL: https://generate.now/box-shadow
Category: color
AI-powered: no
Keywords: css box shadow generator, box shadow, tailwind shadow, soft shadow, neumorphism shadow, css drop shadow

### Description

Compose box shadows visually. Stack multiple layers, tweak offset, blur, spread, color, and opacity for each, and watch the preview update live. Output as plain CSS or as a Tailwind arbitrary value. Common shadow presets are one click away.

### Use cases

- Find the right elevation for a card without 5 minutes of trial and error
- Build a layered shadow that doesn't look like a default Material drop
- Translate a Figma shadow effect into CSS for production
- Get the Tailwind arbitrary-value form of a custom shadow

### Examples

**Input:** soft elevation, 4px y-offset, 16px blur, 8% opacity
```
box-shadow: 0 4px 16px 0 rgba(0,0,0,0.08);
```
*A subtle card-elevation shadow.*

**Input:** two-layer crisp shadow
```
box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 4px 12px rgba(0,0,0,0.08);
```
*A near-surface highlight stacked with a softer ambient layer.*

### FAQ

**What is shadow spread?**
Spread grows (positive) or shrinks (negative) the shadow before blur is applied. A positive spread creates a halo; a negative spread keeps the shadow inside the element's bounds.

**Should I use inset shadows?**
Inset shadows render inside the element. They're useful for pressed-button affordances and neumorphic effects, but readable depth usually comes from outset shadows.

**How do I avoid the 'AI default' shadow look?**
Single hard shadows tend to look generic. Stack two or three layers — a tight near-surface shadow plus a softer ambient one — and bias the color slightly toward the surrounding hue instead of pure black.

---

## Glassmorphism Generator

URL: https://generate.now/glassmorphism
Category: color
AI-powered: no
Keywords: glassmorphism generator, frosted glass css, backdrop-filter blur, glass effect, tailwind glassmorphism, css glass

### Description

A live workbench for glassmorphism. Adjust backdrop blur, background opacity, saturation, border, and corner radius and see the result on a sample card over a colorful backdrop. Export as CSS or Tailwind classes.

### Use cases

- Build a glass nav bar that floats over a hero image
- Get the right blur amount for a frosted modal backdrop
- Translate a Figma glass card into production-ready CSS
- Test how a glass treatment reads in light and dark mode

### Examples

**Input:** blur 12px, opacity 60%, saturation 140%
```
background: rgba(255,255,255,0.6); backdrop-filter: blur(12px) saturate(1.4);
```
*A typical glass card surface.*

**Input:** tinted glass over dark hero
```
background: rgba(20,20,30,0.5); backdrop-filter: blur(20px) saturate(1.2); border: 1px solid rgba(255,255,255,0.08);
```
*Darker glass with a hairline highlight border for a clear edge.*

### FAQ

**Why doesn't backdrop-filter work in my browser?**
Most evergreen browsers support backdrop-filter, but it requires -webkit-backdrop-filter for Safari. The generated CSS includes the prefix automatically.

**Does glassmorphism work over solid backgrounds?**
The blur effect only does meaningful work when there's something behind it to blur. Over a flat solid color you'll just see the background tint — pair it with imagery, gradients, or a busy backdrop.

**What's a good starting point for blur and opacity?**
Try 10–16px blur with 50–70% background opacity. Boosting saturation by 20–40% (saturate(1.2)–saturate(1.4)) keeps colors from going grey.

---

## Avatar Generator

URL: https://generate.now/avatar
Category: identity
AI-powered: no
Keywords: avatar generator, identicon generator, initials avatar, placeholder avatar, svg avatar, deterministic avatar

### Description

Type a name, email, or any seed string and get a consistent avatar for it. Three styles: initials (with auto-colored backgrounds), geometric (gradient + shape), and identicon (5×5 mirrored pattern, GitHub-style). Output is SVG for crisp scaling.

### Use cases

- Generate placeholder avatars for a user table in a fresh app
- Mock up a comment thread with consistent per-user avatars
- Seed a demo with avatars that won't look like stock photos
- Add a fallback avatar for users who haven't uploaded one

### Examples

**Input:** Jane Doe (initials)
```
JD on a hashed teal background
```
*Initials avatar with a background color derived from the seed.*

**Input:** alex@example.com (identicon)
```
5×5 mirrored pixel pattern in two colors
```
*GitHub-style identicon, deterministic per email.*

### FAQ

**Is the same seed always the same avatar?**
Yes. The seed is hashed and used to drive color and shape choices, so the same input always produces the same avatar — useful for fallback rendering in a production app.

**Can I use these in a commercial app?**
Yes. The avatars are generated locally and contain no third-party assets. Download the SVG and ship it.

**How is this different from Gravatar?**
Gravatar looks up a real, user-supplied avatar by email hash. This tool generates a synthetic avatar from any seed — no network call, no per-user data.

---

## Password Generator

URL: https://generate.now/password
Category: identity
AI-powered: no
Keywords: password generator, passphrase generator, strong password, xkcd password, random password, bulk password generator

### Description

Two modes: random passwords with configurable length and character classes (upper, lower, digits, symbols), or XKCD-style passphrases built from a wordlist. Generate one or hundreds at a time. Every byte of randomness comes from the Web Crypto API; nothing leaves your browser.

### Use cases

- Generate a strong password for a new service
- Build a memorable passphrase for a master password
- Bulk-generate test passwords for a load test or fixture
- Quickly rotate a credential without leaving the browser

### Examples

**Input:** 20 chars, all classes
```
T7%dKp9!Lv3@Qx2&Wm8z
```
*Cryptographically random, includes upper, lower, digit, symbol.*

**Input:** passphrase, 5 words, hyphen separator
```
stellar-amber-quiet-cobalt-river
```
*Memorable but ~64 bits of entropy.*

### FAQ

**Are these passwords safe to use?**
The randomness comes from window.crypto.getRandomValues — the same source recommended for security-sensitive use in the browser. Passwords never leave your device.

**Random or passphrase?**
Random passwords pack more entropy per character. Passphrases are dramatically easier to remember and type. For a master password you'll type weekly, passphrases win. For a vault entry, random.

**How many bits of entropy do I need?**
≥80 bits is comfortably safe for anything not nation-state targeted. The tool shows entropy live so you can size length to your threat model.

---

## PIN Generator

URL: https://generate.now/pin
Category: identity
AI-powered: no
Keywords: pin generator, random pin, 4 digit pin, 6 digit pin, secure pin, numeric password

### Description

Generate numeric PINs with optional filters that exclude common weak patterns — sequential digits, repeated digits, palindromes, and the most-leaked codes from password breach data. Bulk generation supported.

### Use cases

- Issue a temporary PIN for a hardware device
- Pick a PIN that isn't on the top-20 leaked list
- Bulk-generate PINs for one-time-use codes
- Get a 6-digit PIN that isn't a birthday

### Examples

**Input:** 6-digit, exclude weak
```
739184
```
*Not sequential, not repeated, not on the leaked-PIN top list.*

**Input:** 100 × 4-digit
```
100 unique PINs, one per line
```
*Useful for one-off codes or load testing.*

### FAQ

**How weak is a 4-digit PIN really?**
Only 10,000 possibilities, and almost a third of users pick from the same 20 codes (1234, 1111, 0000, etc). For anything user-facing, 6 digits is a meaningful upgrade.

**What patterns does 'exclude weak' filter?**
Sequential ascending or descending (1234, 9876), all-same digits (0000, 9999), palindromes (1221), keyboard rows, and PINs that appear in the top 1,000 of leaked datasets.

---

## Username Generator

URL: https://generate.now/username
Category: identity
AI-powered: yes
Keywords: username generator, ai username, themed username, handle generator, gamer tag generator, social username

### Description

Generate a batch of usernames from a description of vibe, length, and style. Claude proposes 10 at a time. Bring your own theme — 'mythology', 'fintech-but-make-it-cute', 'noir film names with numbers' — and get a list you can pick from.

### Use cases

- Brainstorm a handle for a new account
- Seed a demo with usernames that don't all look like user_1, user_2
- Find a username with a specific vibe for a character or persona
- Generate batch usernames for synthetic test users

### Examples

**Input:** cyberpunk hacker, short
```
n3onax · void_lex · krash · syn7ax · gh0stwire
```
*Five short handles with cyberpunk flavor.*

**Input:** cozy gardener, alliterative
```
mossy.maple · fern.field · willow.weed · poppy.path · sage.snug
```
*Soft, plant-themed alliterative names.*

### FAQ

**Does it check availability on platforms?**
Not yet — that's on the roadmap. For now it generates ideas; check the platform you care about manually.

**Can I bias the output toward a specific style?**
Yes. The prompt is freeform: 'one word, no numbers' or '4-8 chars, snake_case' work. The more specific, the more useful.

---

## Fake Email Generator

URL: https://generate.now/email
Category: identity
AI-powered: yes
Keywords: fake email generator, test email generator, dummy email, demo email addresses, bulk email generator, qa email

### Description

Generate realistic-looking email addresses for use in test data, demo seeds, and form QA. Uses example.com / example.org / test.app and similar reserved domains — guaranteed to never resolve to a real inbox. Optionally mix in plausible-but-fictional company names.

### Use cases

- Seed a database with 100 realistic-looking test users
- Build a demo screenshot without exposing real customer emails
- QA a signup form with addresses that won't bounce to a real inbox
- Mock up an admin user list for a product demo

### Examples

**Input:** 20 × test users
```
alex.morgan@example.com · sara.lin@test.app · ...
```
*Plausible but guaranteed-fake names + reserved domains.*

**Input:** 10 × 'fintech employees'
```
jamie.chen@ledgerlab.example · ravi.patel@northcap.example · ...
```
*Plausible workplace addresses on the .example reserved TLD.*

### FAQ

**Why are the domains always example.com or .example?**
RFC 2606 and RFC 6761 reserve example.com / .org / .net / .example and test.* for documentation and testing — they will never resolve to a real mailbox, so no one ever gets a stray test email.

**Can these emails actually receive mail?**
No — by design. The reserved domains used here are blackholed at the DNS level. Use them for fixtures, screenshots, and form QA, not for anything that needs to receive mail.

**Are the generated names of real people?**
First and last names are sampled from common census/baby-name datasets and recombined — any resemblance to a real person is coincidental. Don't use these for impersonation.

---

## QR Code Generator

URL: https://generate.now/qr-code
Category: media
AI-powered: no
Keywords: qr code generator, wifi qr code, vcard qr code, url qr code, svg qr code, qr code maker

### Description

Generate QR codes for plain text, URLs, WiFi networks, or vCard contact info. Adjust foreground/background color, size, and error-correction level. Download as scalable SVG or pixel-perfect PNG. Everything runs in the browser — no analytics, no tracking pixel.

### Use cases

- Generate a QR code for a landing page URL on a print flyer
- Share WiFi credentials with a guest without typing the password
- Add a vCard QR to a business card or email signature
- Drop a tracking-free QR into a slide deck or PDF

### Examples

**Input:** https://generate.now
```
Scannable QR code, SVG download
```
*Smallest form factor for a short URL.*

**Input:** WiFi: ssid=Cafe5G, password=hunter2, WPA2
```
QR that auto-joins the network on iOS/Android
```
*Encoded as WIFI:T:WPA;S:Cafe5G;P:hunter2;;*

### FAQ

**What's error correction and which level should I pick?**
Error correction (L/M/Q/H) makes a QR scannable even if part of it is damaged or covered. L = 7% recovery, H = 30%. Higher correction = denser code. Use M for screen, H if you're placing a logo over the center.

**Can I put a logo in the middle?**
Yes, manually — overlay your logo (up to ~25% of the area) on a code generated with error correction H, then re-test the scan on a real phone before printing.

**Are these QR codes tracked?**
No. The code is generated locally and points directly at whatever URL you input — there's no redirect, no analytics hop.

---

## Favicon Generator

URL: https://generate.now/favicon
Category: media
AI-powered: no
Keywords: favicon generator, favicon from text, apple touch icon, favicon bundle, site manifest generator, pwa icon generator

### Description

Type initials with a background color, or upload an image. Get back a zip with all the favicon sizes modern browsers and OSes ask for (16, 32, 48, 180 for iOS, 192/512 for Android, plus manifest.webmanifest) and the HTML <link> snippet to paste into your <head>.

### Use cases

- Ship a sensible favicon for a side project in 30 seconds
- Replace a default Next.js favicon with branded initials
- Generate the full bundle of icons a modern PWA needs
- Get the matching <link> snippet without remembering all six tag names

### Examples

**Input:** Text: GN, dark background, green letters
```
favicon.ico + 6 PNGs + manifest.webmanifest + HTML snippet
```
*Initials favicon with a coherent set of sizes.*

### FAQ

**Why do I need so many sizes?**
Different browsers, OSes, and PWA install flows look for different sizes. Shipping the full set avoids low-res rendering on retina/install screens.

**Is .ico still needed?**
Yes — legacy IE/Edge and some crawlers still request /favicon.ico. The bundle includes one alongside the modern PNGs.

**Where does the manifest.webmanifest go?**
At the root of your site, next to the favicons. The generated HTML snippet links it. It enables 'install to home screen' on supported devices.

---

## Hash Generator

URL: https://generate.now/hash
Category: auth
AI-powered: no
Keywords: hash generator, md5 hash, sha-256 hash, sha-512 hash, bcrypt generator, online hash

### Description

Hash arbitrary input with the most common algorithms. SHA family uses the Web Crypto API; MD5 uses spark-md5; bcrypt uses bcryptjs with configurable cost. Everything runs in the browser. Compare-mode shows two inputs side by side to verify a match.

### Use cases

- Verify a download checksum against an SHA-256 hash
- Generate a bcrypt hash for seeding a test user
- Get the SHA-1 of a string for cache busting or ETag generation
- Compare two hashes without copy-pasting them into a diff tool

### Examples

**Input:** hello world (sha-256)
```
b94d27b9934d3e08a52e52d7da7dabfac484efe37a5380ee9088f7ace2efcde9
```
*Canonical SHA-256 of the classic test string.*

**Input:** hunter2 (bcrypt, cost 10)
```
$2a$10$N9qo8uLOickgx2ZMRZoMye...
```
*Bcrypt hash with a fresh salt — re-run produces a different hash.*

### FAQ

**When should I use bcrypt vs SHA-256?**
Use bcrypt (or argon2) for passwords — it's deliberately slow and salts each hash to resist brute force. Use SHA-256 for checksums, signatures, and deduplication where speed matters.

**Is MD5 broken?**
For collision resistance, yes — don't use MD5 for signatures. For non-security uses (cache keys, ETags, file fingerprints) it's fine and faster than SHA.

**Does my input leave the browser?**
No. All hashing uses Web Crypto or in-browser libraries (spark-md5, bcryptjs). Inputs never hit a server.

---

## Slug Generator

URL: https://generate.now/slug
Category: text
AI-powered: no
Keywords: slug generator, url slug generator, slugify, title to slug, transliterate slug, seo slug

### Description

Turn a title or arbitrary string into a clean URL slug. Configure separator (- or _), case, max length, and Unicode handling. Accented characters are transliterated to ASCII; emoji and unsafe characters are stripped. Runs locally.

### Use cases

- Convert a blog post title into a SEO-friendly URL slug
- Bulk-slugify a list of product names
- Sanitize a user-supplied filename for use as a URL
- Strip emoji and diacritics from a title for filesystem use

### Examples

**Input:** 10 Things I Wish I Knew About OKLCH
```
10-things-i-wish-i-knew-about-oklch
```
*Lowercased, spaces become hyphens.*

**Input:** Café Olé — naïve résumé
```
cafe-ole-naive-resume
```
*Accented characters transliterated, punctuation stripped.*

### FAQ

**Are emojis stripped or transliterated?**
Stripped. Emoji don't translate cleanly to ASCII. If you need them encoded, use a URL encoder instead.

**What's the difference between - and _ separators?**
Google has long treated hyphens as word breaks and underscores as joiners. For SEO-facing URLs, hyphens are the safer default.

**How long should a slug be?**
Aim for under 60 characters where you can. The tool truncates at word boundaries when you set a max-length so you don't end up with a chopped final word.

---

## Meta Tags Generator

URL: https://generate.now/meta-tags
Category: web
AI-powered: yes
Keywords: meta tags generator, open graph generator, twitter card generator, seo meta tags, og image meta, social preview tags

### Description

Build the meta tag block for a page: title, description, canonical, OG tags (title, description, image, type, url), Twitter card, robots, and language. Fill the inputs manually, or describe the page and let Claude suggest title and description for you.

### Use cases

- Add the right social preview tags to a marketing page
- Generate the full meta block for a new blog post
- Get an AI-suggested title and description from a one-line page brief
- Sanity-check that title length, description length, and OG image are all set

### Examples

**Input:** title: 'How OKLCH replaces HSL', description: 'A practical migration guide.', image: og.png
```
<title>How OKLCH replaces HSL</title>\n<meta name='description' content='A practical migration guide.'>\n<meta property='og:title' ...>
```
*Full meta block ready to paste into <head>.*

**Input:** AI mode: 'pricing page for a developer tool, friendly tone'
```
Suggested title (~58 chars) + description (~155 chars) + OG variants
```
*Claude proposes copy; you tweak before copying.*

### FAQ

**What's the ideal title and description length?**
Titles: 50–60 chars (Google truncates around 580px wide). Descriptions: 140–160 chars. The tool flags entries outside these ranges.

**Do I need both OG and Twitter Card tags?**
Twitter (X) reads OG tags as a fallback, so a minimal OG block usually covers both. If you want Twitter-specific behavior (large image card, summary card variant), the dedicated twitter:* tags are still useful.

**Where do these tags go?**
All inside the <head> of your HTML, ideally before any <script> tags so social scrapers see them quickly.

---

## Lorem Ipsum Generator

URL: https://generate.now/lorem
Category: text
AI-powered: no
Keywords: lorem ipsum generator, placeholder text, dummy text generator, corporate ipsum, hipster ipsum, bacon ipsum

### Description

The original placeholder-text tool, with a few extra variants for when 'Lorem ipsum dolor sit amet' would feel out of place. Pick a variant, an output unit, and how much you want — copy or download as plain text.

### Use cases

- Fill a fresh design mockup with realistic-looking text
- Seed copy fields in a CMS demo without using real customer data
- Stress-test a layout with long-form paragraphs
- Swap default Lorem for something punchier — corporate-speak or hipster

### Examples

**Input:** 3 paragraphs, classic Latin
```
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
```
*The original Cicero-derived placeholder text.*

**Input:** 5 sentences, corporate
```
We need to synergize our cross-functional touchpoints...
```
*Buzzword-dense filler for mock landing pages.*

### FAQ

**Why does Lorem ipsum start with 'Lorem'?**
It's adapted from a 1st-century BC Latin text by Cicero. The opening words were scrambled in the 16th century for use as type-setter dummy text, and the convention stuck.

**Are the variants real?**
The Latin Lorem ipsum is the canonical text. The other variants (corporate, hipster, bacon) are deliberate parody dictionaries built from real word lists — they look like sentences but have no semantic meaning.

**How much placeholder text should I use?**
Just enough to make the layout look real. A good rule: match the length your real copy will likely be. Stuffing a hero with 5 paragraphs of Lorem will produce a layout that won't survive real content.

---

## Fake Name Generator

URL: https://generate.now/name
Category: identity
AI-powered: no
Keywords: fake name generator, random name generator, person name generator, test names, demo user names, fake person

### Description

Generate plausible first and last names from common name datasets across several cultures. Use for test fixtures, demo seeds, or mock user profiles. Names are recombined from public name-frequency lists; any resemblance to real people is coincidental.

### Use cases

- Seed a database with 100 plausible-looking test users
- Mock a comment thread or social feed for a design demo
- Generate cast names for a fiction project
- Avoid using real customer names in screenshots

### Examples

**Input:** 10 × full names, any origin
```
Sara Lin · Diego Ramirez · Aoife Murphy · Yuki Tanaka · ...
```
*Recombined first + last names from common-name datasets.*

**Input:** 5 × Japanese, first only
```
Yuki · Hiro · Sakura · Ren · Aki
```
*First names sampled from a Japanese name list.*

### FAQ

**Are these real people?**
No. First and last names are sampled independently from public name-frequency datasets and recombined randomly. Any match to a real person is coincidence.

**Why are some origin lists smaller than others?**
The tool uses curated lists of the most common names per origin. Smaller lists may repeat more often in large batches — generate more rounds to vary the output.

**Can I get culturally-coherent first+last pairs?**
Yes — picking an origin filter draws first and last names from the same list, so the pairing reads consistently. Mixing origins is also fine and reflects real-world demographics.

---

## Fake Address Generator

URL: https://generate.now/address
Category: identity
AI-powered: no
Keywords: fake address generator, random address generator, test address, uk address generator, us address generator, demo address

### Description

Generate realistic-looking but fully fictional addresses. Per-country formatting handles things like postcode layout, region/state codes, and street naming conventions. Use for form QA, demo seeds, and screenshots — these never resolve to real residences.

### Use cases

- QA a shipping address form with realistic per-country input
- Seed an admin user table with plausible addresses
- Mock an order confirmation screen for a demo
- Test postcode validation across multiple country formats

### Examples

**Input:** 1 × US address
```
482 Maple Street, Apt 3B, Portland, OR 97214
```
*US format: street + city + state + ZIP.*

**Input:** 3 × UK addresses
```
14 Birch Lane, Bristol, BS1 4HQ\n8 Park Crescent, Leeds, LS2 9JT\n...
```
*UK format: street + town + county + postcode.*

### FAQ

**Are these real addresses?**
No. Street numbers, names, and postcodes are recombined from realistic patterns — they're statistically plausible but don't correspond to real locations. Don't expect mail sent to them to arrive.

**Do the postcodes validate?**
They follow each country's postcode format (e.g. UK two-part, US 5-digit) and will pass most regex-based validators. They won't pass real lookup services like Royal Mail's PAF or USPS.

---

## Fake Phone Number Generator

URL: https://generate.now/phone
Category: identity
AI-powered: no
Keywords: fake phone number generator, test phone number, 555 numbers, fictional phone numbers, uk test phone, us test phone

### Description

Generate test phone numbers that look real but live in officially-reserved fictional ranges — US/CA 555-01xx, UK 0700 900 xxxx, AU 02 7010 xxxx, etc. Safe for form QA, demo fixtures, and screenshots without any risk of calling a real person.

### Use cases

- QA a signup form's phone-number validation
- Seed a CRM demo with safe, never-dialable numbers
- Add phone-shaped data to a screenshot without redacting
- Test SMS verification flows in dev without sending real texts

### Examples

**Input:** 5 × US, formatted
```
(555) 0123-4567\n(555) 0198-7654\n...
```
*Drawn from the 555-01xx range reserved by NANP for fictional use.*

**Input:** 3 × UK, international format
```
+44 7700 900123\n+44 7700 900456\n+44 7700 900789
```
*Ofcom's 07700 900000–999999 range reserved for drama and demos.*

### FAQ

**Why these specific number ranges?**
Telecom regulators in many countries reserve specific ranges for fictional use (drama, demos, documentation). Those numbers are guaranteed to never be assigned to real subscribers — so they never accidentally call anyone.

**Will real phones accept these as input?**
Yes — the formats are standards-compliant and most validators will accept them. They'll just fail to actually dial through.

---

## Test Credit Card Generator

URL: https://generate.now/credit-card
Category: identity
AI-powered: no
Keywords: test credit card generator, stripe test card numbers, fake credit card numbers, luhn valid test card, payment testing, card decline test

### Description

Generate test credit card numbers for development and QA. Numbers pass Luhn checksum validation and match the formats of real Visa, Mastercard, Amex, and Discover ranges — but they're the well-known test cards that gateways like Stripe, Adyen, and Braintree recognize and never actually charge. Includes specific scenarios: successful charges, generic declines, insufficient funds, 3DS required.

### Use cases

- Test a checkout flow with success and decline scenarios
- Verify 3D Secure handling in your payments integration
- Seed a fixture file with brand-varied test cards
- Demo a refund flow without using a real card

### Examples

**Input:** Visa, success
```
4242 4242 4242 4242 · exp 12/34 · cvc 123
```
*The canonical Stripe test card for successful charges.*

**Input:** Visa, generic decline
```
4000 0000 0000 0002 · exp 12/34 · cvc 123
```
*Triggers a card_declined response in test mode.*

**Input:** Mastercard, success
```
5555 5555 5555 4444 · exp 12/34 · cvc 123
```
*Test card recognized by most major gateways.*

### FAQ

**Will these cards ever charge a real account?**
No. These numbers are the official test cards published by payment processors. They only work against test/sandbox endpoints and are rejected by production card networks.

**Why does the card number pass Luhn but isn't real?**
Luhn is just a checksum to catch typos — it doesn't certify a card is issued. The test card numbers were chosen to pass Luhn so they behave like real cards in client-side validation.

**Do these work with non-Stripe gateways?**
Most are universal — 4242…4242 is recognized by Stripe, Adyen, Braintree, and many others. A few (like 3DS-specific cards) are processor-specific; the tool labels which work where.

---

## Random Number Generator

URL: https://generate.now/random-number
Category: data
AI-powered: no
Keywords: random number generator, random integer, random float, seeded random, bulk random numbers, rng

### Description

A focused random number generator with the controls you actually need: range, count, integer vs float, decimal places, allow-repeats. Optional seed for reproducible output across runs — useful for fixtures and tests. Cryptographically random by default.

### Use cases

- Generate a list of unique IDs for a small test dataset
- Draw lottery or raffle picks (with a seed if you want auditability)
- Get a single random number in a range without firing up a REPL
- Sample N values from a distribution for quick experimentation

### Examples

**Input:** 100 × integers, 1-1000, no repeats
```
742, 18, 903, 256, 411, ...
```
*Unique integers drawn from a 1000-wide range.*

**Input:** 1 × float, 0-1, 6 decimals
```
0.418273
```
*A single float, useful for quick sampling.*

### FAQ

**Is this cryptographically random?**
By default, yes — it uses window.crypto.getRandomValues. If you provide a seed, it switches to a deterministic PRNG (mulberry32) so the output is reproducible. Seeded mode is not suitable for security use.

**Why does 'no repeats' have an upper limit?**
You can't draw more unique values than the range contains. The tool caps the count when no-repeats is on and the range is too small, and shows a hint when it does.

---

## API Key Generator

URL: https://generate.now/api-key
Category: auth
AI-powered: no
Keywords: api key generator, secret token generator, random api key, stripe-style key, bearer token generator, access key generator

### Description

Generate API keys and secret tokens with prefixes like sk_test_ or pk_live_ so they're scannable in logs. Pick a charset (alphanumeric, base64url, hex), set the length, and generate one or many. All randomness uses the Web Crypto API; keys never leave your browser.

### Use cases

- Issue a fresh test API key for a service in seconds
- Bulk-generate keys for seeding a multi-tenant test database
- Get a high-entropy bearer token for local dev
- Mint a webhook signing secret

### Examples

**Input:** prefix sk_test_, base64url, 32 chars
```
sk_test_a3F7zq8KvR2NxLp9wYbT5cM1jE0HsViD
```
*Stripe-style test secret key.*

**Input:** no prefix, hex, 64 chars
```
9f2c8a1e4b7d6035e8c2a7f1b9d4e5c3a6f8b2d7e1c4a9b3f5d8e2c6a4b1f9d3
```
*256 bits of hex entropy — webhook signing material.*

### FAQ

**How much entropy do I need?**
128 bits is comfortably resistant to brute force. Length depends on charset: 22 base64url chars ≈ 128 bits; 32 hex chars = 128 bits. The tool shows entropy live so you can size the key to your threat model.

**Why use a prefix?**
Prefixes (sk_test_, pk_live_, ghp_, etc) make keys scannable in logs and source code — secret scanners use them to detect leaked credentials. They cost a few characters of length but pay back many times over in incident response.

**Are these keys safe?**
The randomness uses window.crypto.getRandomValues — the same source recommended for security-sensitive use in the browser. Keys never reach a server.

---

## Open Source License Generator

URL: https://generate.now/license
Category: config
AI-powered: no
Keywords: license generator, open source license, mit license generator, apache license generator, gpl license generator, license file

### Description

Generate a complete LICENSE file for your open-source project. Choose from the most-used OSI-approved licenses (and a couple of public-domain options), fill in the author and copyright year, and copy or download. Each license includes a short rationale so you can pick with confidence.

### Use cases

- Bootstrap a new repo with a license in 30 seconds
- Re-license a project — generate the canonical text without copy-paste errors
- Get the right author + year format for your jurisdiction
- Decide between MIT and Apache 2.0 with quick guidance

### Examples

**Input:** MIT, Jane Doe, 2025
```
MIT License\n\nCopyright (c) 2025 Jane Doe\n\nPermission is hereby granted...
```
*The most-used permissive license for small projects.*

**Input:** Apache-2.0, Acme Corp, 2025
```
Apache License\nVersion 2.0, January 2004...
```
*Permissive with explicit patent grant — good for companies.*

### FAQ

**MIT or Apache 2.0?**
Both are permissive. MIT is shorter and more famous. Apache 2.0 adds an explicit patent grant and requires changes to attributed files to be marked — preferred for corporate-backed projects and anything that ships in a product with patent risk.

**What's the difference between BSD-2 and BSD-3?**
BSD-3 adds a 'no endorsement' clause — you can't use the author's name to promote derivative works without permission. BSD-2 is otherwise identical. For most projects, MIT covers the same ground more concisely.

**When should I pick GPL?**
GPL-3.0 is copyleft — derivative works must also be GPL. Pick it when you want to ensure forks stay open. Avoid it if you want your code embedded in commercial closed-source products.

**Is Unlicense the same as CC0?**
Both put work in the public domain. CC0 has stronger international legal standing — it's drafted to handle jurisdictions where pure public-domain dedication is hard. Unlicense is shorter and equally common in the dev world.

---

## Placeholder Image Generator

URL: https://generate.now/placeholder
Category: media
AI-powered: no
Keywords: placeholder image generator, dummy image, placeholder svg, via placeholder alternative, lorem picsum alternative, image placeholder

### Description

A tiny placeholder image generator for mockups, design systems, and demo content. Pick exact dimensions, customize colors and label text, and grab the result as a copy-pasteable SVG, a downloadable PNG, or a copyable data: URL you can drop into any <img> tag.

### Use cases

- Fill a hero or grid with sized placeholder images during design
- Get a quick 1200×630 placeholder for OG image slots
- Build a design system showcase with consistent placeholder shapes
- Generate a labelled placeholder to call out 'avatar', 'cover', 'thumb'

### Examples

**Input:** 1200×630, dark bg, label 'OG image'
```
Downloadable SVG / PNG at exact dimensions
```
*Common OG placeholder for blog post mockups.*

**Input:** 120×120, accent bg, label '120²'
```
Square thumbnail placeholder
```
*Use in a card grid before real assets exist.*

### FAQ

**Why generate placeholders locally vs using a CDN?**
CDNs like placeholder.com used to break or get blocked. Local generation is offline, free, and produces SVG (sharp at any size) or PNG with no network dependency.

**What format should I use?**
SVG for sharp scaling and tiny file size — the default. PNG when you need a raster file for a system that doesn't accept SVG (some PDF tools, slide decks). data: URLs for inline embedding without any file at all.

---

## CSS Animation Generator

URL: https://generate.now/animation
Category: color
AI-powered: no
Keywords: css animation generator, css keyframes generator, css animation builder, tailwind animation, animate.css alternative, animation maker

### Description

A focused CSS animation builder. Pick from a library of common presets (fade in, slide, bounce, spin, pulse, shake) or tune duration, easing, delay, direction, and iteration count from scratch. Live preview reflects every change. Copy the result as CSS @keyframes + class, or as a Tailwind arbitrary value.

### Use cases

- Add a subtle fade-in to a hero section without writing keyframes
- Get the right easing curve for a hover effect
- Translate an animate.css class into clean inline CSS
- Pick a duration that feels snappy, not sluggish (≤250ms for most UI)

### Examples

**Input:** Preset: fade-in-up, 400ms, ease-out
```
@keyframes fadeInUp { from { opacity:0; transform: translateY(10px); } to { opacity:1; transform: none; } }
```
*The most-used entrance animation.*

**Input:** Preset: pulse, 1.6s, ease-in-out, infinite
```
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }
```
*Live-indicator-style pulse, runs forever.*

### FAQ

**How long should a UI animation last?**
Most UI interactions sit between 150ms and 350ms. Anything under 100ms feels instant (and easy to miss); anything over 500ms starts to feel sluggish. Entrance and dramatic effects can go longer.

**Which easing should I use?**
ease-out for things that enter the screen (decelerates into place). ease-in for things that leave. ease-in-out for loops. Linear only for indeterminate progress and continuous motion.

**Why no animate.css-style class name?**
You can wrap the generated keyframes in any class name you like — the tool keeps the keyframe name and class name editable. For Tailwind, the arbitrary-value output bundles everything into a single class.