PricingDevelopersFAQContact Us
Log inStart free
Generators · 100% free

Bio Link Page HTML Generator (Linktree Alternative)

Generate a self-hosted single-page link-in-bio site, no Linktree, no subscription, your own domain.

Any
html
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Jane Smith</title>
<style>
  :root { --accent: #6366f1; }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
         background: #fafafa; color: #111; min-height: 100vh;
         display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; }
  .container { width: 100%; max-width: 460px; text-align: center; }
  .avatar { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem; display: block; }
  h1 { font-size: 1.5rem; margin-bottom: 0.25rem; }
  .bio { color: #666; margin-bottom: 2rem; font-size: 0.95rem; }
  .link { display: block; padding: 1rem; margin-bottom: 0.75rem; background: white; color: #111;
          border: 1px solid #e5e7eb; border-radius: 0.75rem; text-decoration: none;
          font-weight: 600; transition: all 0.15s; }
  .link:hover { transform: translateY(-2px); border-color: var(--accent); color: var(--accent);
                box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
  .footer { margin-top: 2rem; font-size: 0.75rem; color: #999; }
</style></head>
<body>
  <div class="container">
    
    <h1>Jane Smith</h1>
    <p class="bio">Founder of Acme · Building things for D2C brands</p>
      <a href="https://example.com" class="link" target="_blank" rel="noopener">Website</a>
      <a href="https://instagram.com/janesmith" class="link" target="_blank" rel="noopener">Instagram</a>
      <a href="https://x.com/janesmith" class="link" target="_blank" rel="noopener">Twitter / X</a>
      <a href="https://linkedin.com/in/janesmith" class="link" target="_blank" rel="noopener">LinkedIn</a>
      <a href="mailto:hello@example.com" class="link" target="_blank" rel="noopener">Email</a>
    <div class="footer">© 2026 Jane Smith</div>
  </div>
</body></html>

About this tool

Outputs a static HTML page with up to 20 links, branded colours, and your photo. Host it yourself.

More free tools

See all tools →
Generators
CSS Grid Layout Generator

Generate CSS Grid layouts visually, set rows, columns, gaps. Copy the grid CSS.

Generators
FAQ HTML Snippet Generator

Generate accessible HTML FAQ markup with native &lt;details&gt;&lt;summary&gt;, no JavaScript needed.

Generators
Email Signature HTML Generator

Generate professional email signature HTML, name, title, company, photo, social links.

Generators
Small Caps Text Generator

Generate sᴍᴀʟʟ ᴄᴀᴘs using IPA Unicode letters, typographic emphasis without breaking flow.

Free forever · No card

Why wait? Try it free today.

Stop managing feeds manually. Start optimising with AI in 30 seconds.

  • 100% free forever, no credit card required
  • 1 brand, 1 feed, 100,000 products per feed
  • Full AI Product Optimisation, Rule Engine, and 200+ channel exports
  • Pay only for AI credits when you need them
Start freeSee pricing