Link-in-Bio Generator

Build a minimalist profile landing page in seconds. Download one portable HTML file - no subscriptions, no branding, host it anywhere for free.

Profile Settings
📷
Click or drag an image to upload
(Converted to Base64 - stays inside the HTML file)
Your Links
Export Your Page

Your file is 100% self-contained - one HTML file, no external dependencies, host anywhere.

Live Preview
📷
Profile
@YourName
Your tagline appears here
Key Terms Explained
Link-in-Bio
A single URL placed in a social media profile that leads to a dedicated page containing multiple links. Instagram and TikTok allow only one clickable URL in a bio, so creators use a link-in-bio page to route followers to several destinations at once.
Landing Tree
Another name for a link-in-bio page. "Landing" refers to where visitors arrive after clicking the bio link, and "tree" describes how one URL branches out to many destinations, like a tree's trunk branching into limbs.
Base64 Image Encoding
A method of converting binary files (like images) into a string of ASCII text characters. Embedding a Base64 image in HTML means the image file lives inside the HTML document itself, with no separate file needed, making the page fully portable.
Inline CSS
Style rules written directly inside an HTML document rather than in a separate .css file. Inline styles make a file self-contained and portable because there is no external stylesheet that could go missing when the file is moved or shared.
Call to Action (CTA)
A button, link, or phrase designed to prompt the visitor to take a specific next step - such as "Shop Now", "Watch the Latest Video", or "Book a Call". Every link on a link-in-bio page is effectively a CTA, so the button title should be action-oriented and specific.
Custom Domain
A web address you own and control, such as links.yourname.com, instead of a free subdomain like yourname.github.io. A custom domain reinforces personal branding and looks more professional in a social media bio. Both GitHub Pages and Netlify support free custom domain connections.
Static Hosting
A type of web hosting that serves pre-built HTML, CSS, and JavaScript files directly to visitors without running any server-side code. Services like GitHub Pages, Netlify, and Cloudflare Pages offer static hosting for free. A link-in-bio page is a perfect use case because it requires no database or backend.
Aspect Ratio
The proportional relationship between a display's width and height. A 9:19 aspect ratio closely matches the screen proportions of modern smartphones, which is why this tool previews your page inside a container using that ratio - giving you an accurate sense of how the page looks on a real phone.

The Complete Guide to Building a Free Link-in-Bio Page

Every social media creator faces the same friction: you can only put one link in your Instagram or TikTok bio, but you have a YouTube channel, a shop, a newsletter, and a podcast. Paid link-in-bio tools solve this problem but introduce a monthly fee, their branding on your page, and a dependency on a service you do not control. This tool gives you a free, permanent, fully branded alternative in under five minutes.

How to Use This Tool

Start by selecting a theme from the dropdown at the top of the configuration panel - the live preview on the right updates instantly so you can compare looks before committing. Upload a profile picture (square works best; the tool crops it to a circle automatically). Enter your display name as you want it to appear, then write a short bio or tagline - one to two lines is ideal for a phone screen. Add your links one by one using the "Add New Link" button. Each link row has a Title field (what the button says) and a URL field (where it goes). Use the up and down arrows to reorder links by priority, or drag and drop rows to rearrange them. When the preview looks right, click "Download Single-Page HTML" to save your file.

Hosting Your Page for Free

The downloaded file is a single, fully self-contained HTML document. It does not need a server, a database, or any build tools. The simplest way to get it online is GitHub Pages: create a free GitHub account, make a new public repository named yourusername.github.io, upload the file renamed to index.html, then enable Pages in the repository settings. Your page is live in about two minutes. Netlify is even simpler: drag the file onto netlify.com/drop and it is live instantly at a random subdomain. Both services support connecting a custom domain (like links.yourname.com) at no extra cost.

Choosing the Right Theme

The theme you choose should complement your brand, not clash with it. "Midnight Dark" works for most creators - it reads well on phone screens in any lighting, reduces eye strain, and has a premium feel. "Minimal Light" suits lifestyle, wellness, and business accounts that already use a clean white aesthetic. "Cyberpunk Neon" is bold and memorable but best suited for gaming, tech, and music creators with a high-energy brand. "Soft Pastel" fits beauty, fashion, and creative brands with a gentle, feminine aesthetic. After downloading, you can always open the HTML file in a text editor and adjust any color values directly in the CSS variables at the top of the style block.

Writing Effective Link Button Titles

A vague title like "Click Here" converts poorly. A specific, action-oriented title like "Watch My Latest Video" or "Shop the Collection" tells visitors exactly what they will get and why they should tap. Keep titles under 35 characters so they never wrap to a second line on narrow phone screens. Prioritize your highest-value link at the top - most visitors only tap the first one or two links they see. If you have more than six links, consider whether some can be combined or retired to avoid overwhelming visitors with choices.

Adding Analytics Later

The downloaded file is plain HTML and fully editable. To add Google Analytics (GA4), open the file in any text editor, find the closing head tag, and paste your GA4 script tag just above it. The standard GA4 snippet is two lines: a script tag loading gtag.js from googletagmanager.com, and a short inline script initializing it with your measurement ID. You can find the exact snippet in your Google Analytics account under Admin - Data Streams - your stream - Tagging Instructions. The same approach works for the Meta Pixel, Plausible Analytics, or any other script-based tracker.

Frequently Asked Questions

Paid link-in-bio services like Linktree charge monthly fees, place their branding on your page, and can change their terms or pricing at any time. When you host your own HTML file, you own it completely. You pick the domain, you control the design, you keep all traffic data, and you never lose access because a subscription lapsed. A self-hosted file on GitHub Pages or Netlify is free forever and loads faster than most SaaS tools because it has zero tracking scripts or third-party dependencies.
For GitHub Pages: create a new public repository named yourusername.github.io, upload the downloaded link-in-bio.html file renamed to index.html, then go to Settings - Pages and enable GitHub Pages from the main branch. Your page is live at yourusername.github.io within a few minutes. For Netlify: go to netlify.com, drag and drop the link-in-bio.html file onto their deploy zone, and Netlify instantly gives you a live URL. You can connect a custom domain to either service for free.
Base64 encoding converts an image file into a long string of text characters that can be embedded directly inside an HTML file. This means your downloaded link-in-bio.html is completely self-contained - the profile photo lives inside the file itself, not as a separate image file that could go missing. When someone opens your page, the browser decodes that text string back into the image instantly. The trade-off is that Base64 images are about 33 percent larger than the original file, so use a compressed JPEG or WebP under 200KB for best performance.
Yes. After downloading the file, open it in any text editor and paste your Google Analytics (GA4) script tag just before the closing head tag. The standard GA4 snippet looks like a script tag pointing to googletagmanager.com with your measurement ID. Once added, Analytics will track all page visits, link clicks (if you add event tracking), and traffic sources. You can also add the Meta Pixel, Plausible, or any other analytics snippet the same way. The file is plain HTML and fully editable.
A square image between 200x200 and 400x400 pixels works best. The tool displays it as a circle, so any square crop looks clean. Keep the file size under 200KB before uploading - this keeps the Base64-encoded output compact and ensures the final HTML file downloads and loads quickly. JPEG or WebP formats compress better than PNG for photos. You can use a free tool like Squoosh or TinyPNG to reduce file size before uploading.
Yes. Both GitHub Pages and Netlify support custom domains at no extra charge. After uploading your file, go to the domain settings in either platform and enter your domain (for example, links.yourname.com). You then add a CNAME record at your domain registrar pointing to the hosting provider. The process takes about 10 minutes and your domain registrar's documentation will walk you through the exact DNS settings required. A custom domain looks far more professional than a generic github.io or netlify.app URL.