/ Slug Generator
100% client-side, nothing leaves your browser

Free Slug Generator

Turn any title into a clean, SEO-friendly URL slug. Choose your separator, strip accents, remove filler words, cap the length, or convert a whole list at once.

Generate a slug

No signup. No server calls. Works offline once the page loads.

In bulk mode, put one title per line.

Separator
Slug options

Preview
https://example.com/
0 characters

How It Works

1

Type or paste a title

Enter a page title, product name, or blog headline. Switch on bulk mode for a whole list at once.

2

Choose your options

Pick a separator, optionally strip filler words, and cap the length for a tidy, SEO-friendly result.

3

Copy your slug

The slug updates as you type. Copy it directly or download the whole batch as a text file.

Privacy note: everything happens locally in your browser using JavaScript. Nothing you type is sent to a server.

Common Uses

Blog post and article URLs

Turn a headline into a short, readable permalink for your CMS.

Product page slugs

Generate consistent, clean URLs across an entire product catalog in bulk mode.

File and asset naming

Convert a document title into a safe file name with no spaces or special characters.

Anchor IDs and hash links

Create clean id attributes for in-page navigation and jump links.

Slug examples

Example titles converted to URL slugs
Title Slug
10 Best React Tools for Developers!10-best-react-tools-for-developers
Café Menu & Prices (2026)cafe-menu-prices-2026
What's the ROI of SEO?whats-the-roi-of-seo
Trailing spaces && symbols ---trailing-spaces-symbols
The Quick Brown Fox Jumpsthe-quick-brown-fox-jumps

Hyphens vs underscores

Search engines treat a hyphen as a word separator and an underscore as a word joiner, so hyphens are the safer default for readable, keyword-parseable URLs.

Stop words

Dropping "a", "the", "and" shortens a slug and sharpens its keywords. Keeping them can read better. It is a style choice, not a ranking factor — be consistent.

How long should a slug be?

Short enough to read and share — roughly 3–6 meaningful words. There is no exact length that helps or hurts rankings; the max-length option trims at a whole word.

How to generate slugs in JavaScript

The same logic this tool runs, as a small reusable function:

javascript
function slugify(input, { separator = '-' } = {}) {
  return input
    .normalize('NFKD')                 // split accented letters into base + mark
    .replace(/[̀-ͯ]/g, '')   // drop the combining marks
    .toLowerCase()
    .trim()
    .replace(/[^a-z0-9]+/g, separator) // non-alphanumeric -> one separator
    .replace(
      new RegExp(`^\\${separator}+|\\${separator}+$`, 'g'),
      ''                               // trim leading/trailing separators
    );
}

slugify('10 Best React Tools for Developers!');
// -> "10-best-react-tools-for-developers"

Transliteration here is limited to accented Latin letters via Unicode normalization. Scripts such as Cyrillic, Greek, Arabic or CJK are not romanised by this approach — use a dedicated transliteration library if you need that.

Frequently Asked Questions

What is a URL slug?

A slug is the human-readable part of a URL that identifies a specific page, usually derived from its title, such as "free-slug-generator" in sadevz.com/free-slug-generator/. Slugs use lowercase letters, numbers, and a separator instead of spaces or special characters.

Why should slugs be lowercase with hyphens?

Lowercase avoids duplicate-URL issues on case-sensitive servers, and hyphens are treated as word separators by search engines, which helps them parse individual keywords in the slug. Underscores are not treated as separators the same way, so hyphens are generally preferred for SEO.

Does this tool support accented or non-English characters?

Yes. Accented Latin characters such as é, ñ, or ü are converted to their closest plain-ASCII equivalent (e, n, u) before the slug is built, using Unicode normalization performed entirely in your browser.

What does removing common words do?

When enabled, small filler words like "a", "the", and "and" are stripped out before the slug is built, producing a shorter slug focused on the meaningful keywords in your title.

How long should a URL slug be?

Most SEO guidance recommends keeping slugs under roughly 50 to 60 characters so they display fully in search results and stay easy to read and share. The max length option truncates a slug at a whole word instead of cutting it mid-word.

Can I convert a whole list of titles at once?

Yes. Turn on bulk mode and put one title per line. Each line is converted to its own slug independently, in the same order, ready to paste into a spreadsheet or CMS.

Is my text sent to a server?

No. Every slug is generated locally in your browser using JavaScript. Nothing you type is transmitted, logged, or stored anywhere.

Should a URL slug use hyphens or underscores?

Hyphens. Search engines treat a hyphen as a word separator and an underscore as a word joiner, so "react-tools" reads as two words while "react_tools" can read as one. Hyphens are also the long-standing convention for readable URLs. This tool defaults to hyphens; underscore is available if a system you target requires it.

Should URL slugs contain stop words like "the" and "and"?

It is optional. Removing stop words makes a slug shorter and keyword-focused; keeping them can read more naturally. Neither choice meaningfully changes rankings on its own — pick one and stay consistent. The "Remove common words" option does either.

How do I generate a URL slug in JavaScript?

Normalise accents with normalize('NFKD') and strip the combining marks, lowercase, replace every run of non-alphanumeric characters with one hyphen, then trim leading and trailing hyphens. See the copy-ready function in the JavaScript section above.

More Tools

Copied