Skip to content

source-br/Linkzy

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Linkzy — Your Minimal Link Hub

Linkzy is a clean, minimal and customizable link-in-bio site built with HTML, CSS and JavaScript — no frameworks, no dependencies.

Inspired by developer portfolios, it's fast, responsive and ready to be personalized with your own style.


🚀 Features

  • 🪄 Typing effect for custom bio
  • 🎨 Built-in theme with Dev-inspired colors
  • 🔗 Responsive link buttons
  • ⚙️ Open Graph / Twitter meta tags for rich embeds (Discord, Twitter, etc.)
  • 🖼️ GitHub avatar auto-loading

🛠️ Technologies

Language Usage
HTML Structure and meta tags
CSS Styling (mobile-first, custom palette)
JS Language detection, typewriter effect, GitHub integration

✏️ Customization Guide

You can make your own version in just a few steps:

1. Fork or clone the project

git clone https://github.com/your-username/Linkzy.git

2. Customize your GitHub username

Edit this line in assets/js/main.js:

const githubUsername = "your-github-username";

This will fetch your GitHub avatar automatically!

3. Change your name, @username and links

In index.html, edit:

<h1 class="name">Your Name</h1>
<p class="username">@your.handle</p>

<nav class="links">
  <a href="https://your-link.com" class="link">YOUR LINK</a>
</nav>

You can add or remove buttons as needed.

4. Update the Open Graph meta tags

Make your link look great when shared on Discord, Twitter, etc.

<meta property="og:title" content="Your Name" />
<meta property="og:description" content="@your.handle | Back-end developer" />
<meta property="og:image" content="your-preview-image-url.png" />

Tip: Use a 1200x630px PNG or JPG for perfect previews.

5. Edit your description with typing effect

In main.js, update your translated bio text:

    const text = "Your description";

6. Edit Your Color Palette

Customize your color palette to enhance the overall look and feel.

:root {
    --background-dark: #0D0E10;
    --wave-color: #000000;
    --button-bg: #1A1E22;
    --button-hover: #2b3036;
    --text-primary: #B7A99A;
    --text-secondary: #8C9094;
}

🌐 Deployment

You can publish your version for free using GitHub Pages:

  • Go to your repository settings
  • Enable Pages under Code → Pages
  • Set source to main and folder to /root
  • Access your link: https://your-username.github.io/Linkzy

About

Your Minimal Link Hub

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 43.4%
  • CSS 43.2%
  • JavaScript 13.4%