Create professional links pages with ease

Profile Section

• Username: Your display name (e.g., "John Doe" or "@johnsmith")
• Bio: A brief description about yourself (1-2 sentences recommended)
• Avatar URL: The direct URL to your profile picture

Links Section

This is where you'll add all the links you want to display on your page:

• Title: The name of the link (e.g., "Portfolio", "Twitter", "YouTube")
• URL: The full web address including https:// (e.g., "https://twitter.com/username")
• Icon URL: A direct link to an icon representing this link (optional)

You can add multiple links by clicking the "Add Link" button. Each link can be reordered by dragging and dropping, or removed using the delete button.

Theme Customization

The platform offers various customization options to match your personal brand:

• Background Color: Set the page background (HEX or color name)
• Text Color: Choose text colors that contrast well with your background
• Button Style: Select from various button styles (rounded, squared, etc.)
• Font: Choose from available font families

As you make changes, the live preview updates in real-time, allowing you to see exactly how your links page will appear to visitors.

Exporting Your Code

Click the "Export Code" button at the bottom of the preview section. This will generate the HTML, CSS, and JavaScript code for your links page. You'll see a code block similar to this:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

Setting Up GitHub Repository

To deploy your links page, you'll need to create a GitHub repository:

1. Create a GitHub account if you don't already have one
2. Click the "+" icon in the top-right corner and select "New repository"
3. Name your repository (e.g., "my-links-page")
4. Add a description (optional): "My personal links page created with Links"
5. Choose "Public" visibility
6. Check "Add a README file"
7. Click "Create repository"

Adding Your Code to GitHub

Next, add your generated code to the repository:

1. Navigate to your new repository on GitHub
2. Click the "Add file" button and select "Create new file"
3. Name the file "index.html"
4. Paste the entire code block that was generated by Links
5. Scroll down and click "Commit new file"

Deploying with Vercel

Vercel provides a quick and free way to deploy your links page:

1. Create a Vercel account, preferably by signing up with your GitHub account
2. Once logged in, click "Add New" and select "Project"
3. Find and select your GitHub repository from the list
4. The default settings should work fine - click "Deploy"
5. Wait for the deployment to complete (usually takes less than a minute)
6. Once deployed, Vercel will provide you with a URL (e.g., my-links-page.vercel.app)

Using a Custom Domain (Optional)

If you want to use your own domain instead of the Vercel subdomain:

1. Purchase a domain from a provider like Namecheap, GoDaddy, or Google Domains
2. In your Vercel dashboard, select your project
3. Go to "Settings" then "Domains"
4. Enter your domain name and click "Add"
5. Follow Vercel's instructions to configure DNS settings at your domain provider

For detailed instructions on connecting your domain, refer to Vercel's documentation on adding domains.