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.
- 🪄 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
Language | Usage |
---|---|
HTML | Structure and meta tags |
CSS | Styling (mobile-first, custom palette) |
JS | Language detection, typewriter effect, GitHub integration |
You can make your own version in just a few steps:
git clone https://github.com/your-username/Linkzy.git
Edit this line in assets/js/main.js
:
const githubUsername = "your-github-username";
This will fetch your GitHub avatar automatically!
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.
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.
In main.js
, update your translated bio text:
const text = "Your description";
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;
}
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