Fydler UtilityBelt - UUID Generator (v1, v4, v7) with CSV Export

UUID Generator

Text & Development Tool

UUID Version

Quantity

About UUIDs

UUID (Universally Unique Identifier) is a 128-bit label used for information in computer systems. v1 is generated from a time and node ID. v4 is generated from random numbers. v7 is a time-ordered UUID that is better for database primary keys.

Copied to clipboard!

lucide.createIcons(); let currentUuids = []; document.getElementById('generate-uuid').addEventListener('click', generate); document.getElementById('copy-uuids').addEventListener('click', copyToClipboard); document.getElementById('export-uuid').addEventListener('click', exportCSV); generate(); function v7() { const timestamp = BigInt(Date.now()); const random = crypto.getRandomValues(new Uint8Array(10)); const uuid = new Uint8Array(16); uuid[0] = Number((timestamp >> 40n) & 0xffn); uuid[1] = Number((timestamp >> 32n) & 0xffn); uuid[2] = Number((timestamp >> 24n) & 0xffn); uuid[3] = Number((timestamp >> 16n) & 0xffn); uuid[4] = Number((timestamp >> 8n) & 0xffn); uuid[5] = Number(timestamp & 0xffn); uuid[6] = 0x70 | (random[0] & 0x0f); uuid[7] = random[1]; uuid[8] = 0x80 | (random[2] & 0x3f); uuid[9] = random[3]; uuid[10] = random[4]; uuid[11] = random[5]; uuid[12] = random[6]; uuid[13] = random[7]; uuid[14] = random[8]; uuid[15] = random[9]; return [...uuid].map((b, i) => (i === 4 || i === 6 || i === 8 || i === 10 ? '-' : '') + b.toString(16).padStart(2, '0') ).join(''); } function generate() { const version = document.getElementById('uuid-version').value; const count = parseInt(document.getElementById('uuid-count').value) || 1; const results = document.getElementById('uuid-results'); currentUuids = []; results.innerHTML = ''; for (let i = 0; i < count; i++) { let uuidStr; if (version === '1') uuidStr = uuid.v1(); else if (version === '4') uuidStr = uuid.v4(); else if (version === '7') uuidStr = v7(); currentUuids.push(uuidStr); const div = document.createElement('div'); div.className = 'result-box group font-bold'; div.style.display = 'flex'; div.style.justifyContent = 'space-between'; div.style.alignItems = 'center'; div.style.cursor = 'pointer'; div.style.transition = 'all 0.2s'; div.innerHTML = ` ${uuidStr} `; // CSS hack for hover opacity since we don't have Tailwind div.onmouseenter = () => { div.querySelector('i').style.opacity = '1'; }; div.onmouseleave = () => { div.querySelector('i').style.opacity = '0'; }; div.onclick = () => copyText(uuidStr); results.appendChild(div); } lucide.createIcons(); } function copyText(text) { navigator.clipboard.writeText(text); showToast('Copied to clipboard!'); } function copyToClipboard() { copyText(currentUuids.join('\n')); } function showToast(msg) { const toast = document.getElementById('toast'); const toastMsg = document.getElementById('toast-message'); toastMsg.textContent = msg; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2000); } function exportCSV() { const content = currentUuids.map(u => `"${u}"`).join('\n'); const blob = new Blob([content], { type: 'text/csv' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `uuids-${new Date().toISOString()}.csv`; a.click(); URL.revokeObjectURL(url); }