Se genera a partir del título
Title to URL slug input
Type a title and the address builds itself: lowercase, no accents and hyphens between words.
Settings
Code
<div class="uv-isl"><label for="uv-isl-t">Article title</label><div class="fd"><input id="uv-isl-t" placeholder="How to design buttons in 2026"></div><label for="uv-isl-s" class="l2">Address</label><div class="fd sl"><span class="px">aimran.es/blog/</span><input id="uv-isl-s" spellcheck="false" readonly><button type="button" class="lk" aria-pressed="false" aria-label="Edit manually"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="9" rx="2"/><path class="sh" d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></button></div><p class="ht">Generated from the title</p></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Inputs
See all InputsWhere to use it
Blogs, shops and CMS dashboards create a URL from each title, and showing it live prevents ugly or broken links. As you type the title, the slug field below updates with a quick highlight, removes accents and symbols and joins words with hyphens, after a fixed domain prefix. A lock button lets editors unlock it and edit the slug by hand.
Manual edits are still cleaned as you type, so the slug always stays valid. Change the domain prefix to your own and limit the length in the script if your platform needs shorter addresses.