toolbox/baby-name.html at main · 100millionusd/toolbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Free Baby Name Generator — Search Names by Origin</title>
  <meta name="description" content="Find the perfect baby name. Filter by gender, origin, length, starting letter. Browse thousands of names with meanings. Free online baby name generator.">
  <link rel="canonical" href="https://www.quicktools.mom/baby-name.html">
  <meta property="og:title" content="Baby Name Generator"><meta property="og:type" content="website"><meta property="og:url" content="https://www.quicktools.mom/baby-name.html"><meta name="twitter:card" content="summary">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How does the baby name generator work?","acceptedAnswer":{"@type":"Answer","text":"Filter by gender, origin, starting letter, and name length. The generator shows matching names from a curated database with meanings and origins."}},{"@type":"Question","name":"Is this free?","acceptedAnswer":{"@type":"Answer","text":"Yes, completely free with no signup required."}}]}</script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page-wrapper">
    <header class="site-header"><a href="index.html" class="site-logo"><span class="icon">⚡</span> QuickTools</a><nav class="site-nav"><a href="index.html">All Tools</a></nav></header>
    <div class="ad-zone ad-zone-top">Ad Space</div>
    <div class="tool-header"><div class="tool-badge">👶 Parents</div><h1>Baby Name Generator</h1><p>Find the perfect name. Filter by gender, origin, length, and starting letter.</p></div>
    <div class="tool-card">
      <div class="controls-row">
        <div class="control-group"><label>Gender</label><select id="gender" onchange="gen()"><option value="all">All</option><option value="girl">👧 Girl</option><option value="boy">👦 Boy</option><option value="unisex">⭐ Unisex</option></select></div>
        <div class="control-group"><label>Origin</label><select id="origin" onchange="gen()"><option value="all">All Origins</option><option>English</option><option>Spanish</option><option>Hebrew</option><option>Arabic</option><option>Greek</option><option>Latin</option><option>Irish</option><option>German</option><option>French</option><option>Japanese</option><option>Indian</option><option>African</option><option>Scandinavian</option><option>Italian</option></select></div>
        <div class="control-group"><label>Starts with</label><select id="letter" onchange="gen()"><option value="all">Any</option>${'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').map(l=>'<option>'+l+'</option>').join('')}</select></div>
      </div>
      <div style="text-align:center;margin-top:1rem;"><button class="btn btn-primary" onclick="gen()" style="font-size:1.1rem;padding:0.75rem 3rem;">✨ Generate Names</button></div>
    </div>
    <div class="tool-card">
      <div id="results" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0.5rem;"></div>
      <div id="count" style="text-align:center;margin-top:0.75rem;font-size:0.8rem;color:var(--text-muted);"></div>
    </div>
    <div class="tool-card" id="favorites" style="display:none;">
      <h3 style="font-size:0.95rem;margin-bottom:0.5rem;">❤️ Your Favorites</h3>
      <div id="favList" style="display:flex;flex-wrap:wrap;gap:0.3rem;"></div>
    </div>
    <div class="tool-card" style="max-width:720px;">
      <h2 style="font-size:1rem;margin-bottom:0.75rem;">📖 About Baby Name Generator</h2>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);">Baby Name Generator helps expecting parents find the perfect name for their baby. Browse hundreds of curated names from 14 different cultural origins including English, Spanish, Hebrew, Arabic, Japanese, Indian, and more. Filter by gender, origin, starting letter, and name length. Each name includes its meaning and cultural origin. Save your favorites with the heart button to build a shortlist. Perfect for parents-to-be, baby showers, and writers looking for character names. All data stays in your browser with complete privacy. No tracking, no accounts, no data collection. Whether you're looking for a classic American name, a Japanese kanji name, or a Celtic-inspired choice, the database covers 14 cultural origins. Results update instantly as you filter.</p>
      <h3 style="font-size:0.9rem;margin-bottom:0.5rem;">How to Use</h3>
      <ol style="font-size:0.85rem;color:var(--text-muted);line-height:1.7;padding-left:1.2rem;">
        <li><strong>Set your filters</strong> — Choose gender, origin, and starting letter.</li>
        <li><strong>Generate names</strong> — Click the button to see matching names.</li>
        <li><strong>Save favorites</strong> — Click ❤️ to add names to your shortlist.</li>
        <li><strong>Browse and discover</strong> — Change filters and generate again for more options.</li>
      </ol>
    </div>
    <div class="ad-zone">Ad Space</div>
    <div class="related-tools"><h2>Related Tools</h2><div class="related-grid"><a href="due-date-calculator.html"><span class="tool-icon">🤰</span> Due Date</a><a href="random-name-picker.html"><span class="tool-icon">🎲</span> Name Picker</a><a href="decision-wheel.html"><span class="tool-icon">🎡</span> Decision Wheel</a><a href="period-calculator.html"><span class="tool-icon">🩷</span> Period</a></div></div>
    <div class="ad-zone ad-zone-bottom">Ad Space</div>
    <footer class="site-footer"><p>&copy; 2026 QuickTools.</p><div class="footer-links"><a href="index.html">All Tools</a></div></footer>
  </div>
  <script>
    const DB=[
      {n:'Emma',g:'girl',o:'German',m:'Whole, universal'},{n:'Liam',g:'boy',o:'Irish',m:'Strong-willed warrior'},{n:'Olivia',g:'girl',o:'Latin',m:'Olive tree'},{n:'Noah',g:'boy',o:'Hebrew',m:'Rest, comfort'},{n:'Ava',g:'girl',o:'Latin',m:'Life, living one'},{n:'Sophia',g:'girl',o:'Greek',m:'Wisdom'},{n:'James',g:'boy',o:'Hebrew',m:'Supplanter'},{n:'Isabella',g:'girl',o:'Italian',m:'Devoted to God'},{n:'Lucas',g:'boy',o:'Greek',m:'Bringer of light'},{n:'Mia',g:'girl',o:'Scandinavian',m:'Mine, beloved'},
      {n:'Alexander',g:'boy',o:'Greek',m:'Defender of the people'},{n:'Charlotte',g:'girl',o:'French',m:'Free woman'},{n:'Ethan',g:'boy',o:'Hebrew',m:'Strong, firm'},{n:'Amelia',g:'girl',o:'German',m:'Industrious'},{n:'Benjamin',g:'boy',o:'Hebrew',m:'Son of the right hand'},{n:'Harper',g:'unisex',o:'English',m:'Harp player'},{n:'Elijah',g:'boy',o:'Hebrew',m:'My God is Yahweh'},{n:'Evelyn',g:'girl',o:'English',m:'Wished-for child'},
      {n:'Luna',g:'girl',o:'Latin',m:'Moon'},{n:'Sebastian',g:'boy',o:'Greek',m:'Venerable'},{n:'Aria',g:'girl',o:'Italian',m:'Song, melody'},{n:'Jack',g:'boy',o:'English',m:'God is gracious'},{n:'Chloe',g:'girl',o:'Greek',m:'Blooming'},{n:'Daniel',g:'boy',o:'Hebrew',m:'God is my judge'},{n:'Penelope',g:'girl',o:'Greek',m:'Weaver'},{n:'Henry',g:'boy',o:'German',m:'Ruler of the home'},
      {n:'Riley',g:'unisex',o:'Irish',m:'Courageous'},{n:'Scarlett',g:'girl',o:'English',m:'Red'},{n:'Owen',g:'boy',o:'Irish',m:'Young warrior'},{n:'Layla',g:'girl',o:'Arabic',m:'Night beauty'},{n:'Muhammad',g:'boy',o:'Arabic',m:'Praiseworthy'},{n:'Fatima',g:'girl',o:'Arabic',m:'Captivating'},{n:'Yusuf',g:'boy',o:'Arabic',m:'God increases'},{n:'Aisha',g:'girl',o:'Arabic',m:'Living, prosperous'},
      {n:'Sakura',g:'girl',o:'Japanese',m:'Cherry blossom'},{n:'Hiro',g:'boy',o:'Japanese',m:'Generous'},{n:'Yuki',g:'unisex',o:'Japanese',m:'Snow, happiness'},{n:'Kai',g:'unisex',o:'Japanese',m:'Sea, ocean'},{n:'Arjun',g:'boy',o:'Indian',m:'Bright, shining'},{n:'Priya',g:'girl',o:'Indian',m:'Beloved'},{n:'Dev',g:'boy',o:'Indian',m:'God, divine'},{n:'Ananya',g:'girl',o:'Indian',m:'Unique'},
      {n:'Amara',g:'girl',o:'African',m:'Grace, immortal'},{n:'Kwame',g:'boy',o:'African',m:'Born on Saturday'},{n:'Zuri',g:'girl',o:'African',m:'Beautiful'},{n:'Kofi',g:'boy',o:'African',m:'Born on Friday'},{n:'Soren',g:'boy',o:'Scandinavian',m:'Stern'},{n:'Freya',g:'girl',o:'Scandinavian',m:'Noble woman'},{n:'Astrid',g:'girl',o:'Scandinavian',m:'Divinely beautiful'},{n:'Bjorn',g:'boy',o:'Scandinavian',m:'Bear'},
      {n:'Mateo',g:'boy',o:'Spanish',m:'Gift of God'},{n:'Sofia',g:'girl',o:'Spanish',m:'Wisdom'},{n:'Diego',g:'boy',o:'Spanish',m:'Supplanter'},{n:'Valentina',g:'girl',o:'Spanish',m:'Strong, healthy'},{n:'Leonardo',g:'boy',o:'Italian',m:'Brave lion'},{n:'Giulia',g:'girl',o:'Italian',m:'Youthful'},{n:'Marco',g:'boy',o:'Italian',m:'Warlike'},{n:'Chiara',g:'girl',o:'Italian',m:'Light, clear'},
      {n:'Felix',g:'boy',o:'Latin',m:'Happy, fortunate'},{n:'Aurora',g:'girl',o:'Latin',m:'Dawn'},{n:'Oscar',g:'boy',o:'Irish',m:'Divine spear'},{n:'Sienna',g:'girl',o:'Italian',m:'Reddish brown'},{n:'Leo',g:'boy',o:'Latin',m:'Lion'},{n:'Isla',g:'girl',o:'Scandinavian',m:'Island'},{n:'Theodore',g:'boy',o:'Greek',m:'Gift of God'},{n:'Nora',g:'girl',o:'Irish',m:'Honor'},
      {n:'Max',g:'boy',o:'Latin',m:'Greatest'},{n:'Ivy',g:'girl',o:'English',m:'Faithfulness'},{n:'Hugo',g:'boy',o:'German',m:'Mind, intellect'},{n:'Ella',g:'girl',o:'German',m:'All, fairy maiden'},{n:'Arthur',g:'boy',o:'English',m:'Noble, bear'},{n:'Grace',g:'girl',o:'Latin',m:'Graceful'},{n:'Omar',g:'boy',o:'Arabic',m:'Flourishing'},{n:'Leila',g:'girl',o:'Arabic',m:'Night'},
      {n:'Finn',g:'boy',o:'Irish',m:'Fair'},{n:'Maya',g:'girl',o:'Indian',m:'Illusion'},{n:'Ravi',g:'boy',o:'Indian',m:'Sun'},{n:'Nia',g:'girl',o:'African',m:'Purpose'},{n:'Lars',g:'boy',o:'Scandinavian',m:'Crowned with laurel'},{n:'Ingrid',g:'girl',o:'Scandinavian',m:'Beautiful'},{n:'Pierre',g:'boy',o:'French',m:'Rock'},{n:'Colette',g:'girl',o:'French',m:'Victory of the people'},
      {n:'Jordan',g:'unisex',o:'Hebrew',m:'Flowing down'},{n:'Avery',g:'unisex',o:'English',m:'Ruler of elves'},{n:'Morgan',g:'unisex',o:'Irish',m:'Sea-born'},{n:'Taylor',g:'unisex',o:'English',m:'Tailor'},{n:'Rowan',g:'unisex',o:'Irish',m:'Little red-haired one'},{n:'Sage',g:'unisex',o:'Latin',m:'Wise one'},{n:'River',g:'unisex',o:'English',m:'Stream of water'},{n:'Phoenix',g:'unisex',o:'Greek',m:'Dark red, reborn'}
    ];
    let favs=new Set(JSON.parse(localStorage.getItem('qk_favnames')||'[]'));
    function gen(){const g=document.getElementById('gender').value;const o=document.getElementById('origin').value;const l=document.getElementById('letter').value;
      let results=DB.filter(n=>(g==='all'||n.g===g)&&(o==='all'||n.o===o)&&(l==='all'||n.n.startsWith(l)));
      results.sort(()=>Math.random()-0.5);
      document.getElementById('results').innerHTML=results.map(n=>`<div style="display:flex;align-items:center;gap:0.5rem;padding:0.6rem;background:var(--bg-secondary);border-radius:8px;"><button onclick="toggleFav('${n.n}')" style="background:none;border:none;cursor:pointer;font-size:1.2rem;">${favs.has(n.n)?'❤️':'🤍'}</button><div><strong style="font-size:0.95rem;">${n.n}</strong> <span style="font-size:0.7rem;color:var(--text-muted);">${n.g==='boy'?'👦':n.g==='girl'?'👧':'⭐'}</span><br><span style="font-size:0.75rem;color:var(--text-muted);">${n.m} · ${n.o}</span></div></div>`).join('');
      document.getElementById('count').textContent=results.length+' names found';
      renderFavs();
    }
    function toggleFav(name){if(favs.has(name))favs.delete(name);else favs.add(name);localStorage.setItem('qk_favnames',JSON.stringify([...favs]));gen();}
    function renderFavs(){const el=document.getElementById('favorites');if(favs.size===0){el.style.display='none';return;}el.style.display='';
      document.getElementById('favList').innerHTML=[...favs].map(n=>`<span style="padding:4px 10px;background:var(--bg-secondary);border-radius:20px;font-size:0.85rem;">❤️ ${n} <button onclick="toggleFav('${n}')" style="background:none;border:none;color:var(--danger);cursor:pointer;">×</button></span>`).join('');}
    gen();
  </script>
<script src="ads.js"></script>
</body>
</html>