freelink-bio

KO | EN

gitlite — search

#python #react #typescript #java #hacktoberfest #go #javascript #python3 #android #csharp #tailwindcss #dotnet

★ 19 Open GitHub ↗

personal Linktree-like profile page to showcase social media links and contact information

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🔗 freelink-bio

![Preview of freelink-bio Website](https://raw.githubusercontent.com/Anuswar/linktree-clone/main/assets/images/preview.jpg)

[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white)](https://www.w3.org/html/)
[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white)](https://www.w3.org/Style/CSS/Overview.en.html)
[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[![Live Demo](https://img.shields.io/badge/Live-Demo-blue?style=flat&logo=google-chrome&logoColor=white)](https://anuswarrrao.sbs/)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://raw.githubusercontent.com/anuswarrrao/freelink-bio/main/LICENSE.md)
[![Last Commit](https://img.shields.io/github/last-commit/Anuswar/linktree-clone)](https://github.com/Anuswar/linktree-clone/commits/main)

</div>

I got really frustrated with modern “link-in-bio” platforms. All their basic features were pushed behind paywalls. So I built my own — a clean, fast, modern, black space-themed link-in-bio page. It's fully self-hosted and completely free forever.

## ✨ Features

- **Dark/Light Mode Toggle**
- **Animated Page Transitions**
- **Fully Responsive Design**
Smart Share Button on Every Link (Just like Instagram)
    - QR Code Preview
    - Native System Share
    - Copy to Clipboard
    - Download QR Code Image
- **Support for Contact Links**
    - Email
    - Phone / WhatsApp
    - Discord, GitHub, LinkedIn, etc.

## 🛠️ Installation

### 1. **Clone the repository:**

```bash
git clone https://github.com/anuswarrrao/freelink-bio.git
cd freelink-bio-main
```

### 2. **Open the project using Live Server:**

- Install the [Live Server extension](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) in VS Code
   - Right-click on `index.html` and select "Open with Live Server"
   - The project will open in your browser

## 📂 Project Structure

```
freelink-bio/
│
├── LICENSE.md               # MIT license file
├── README.md                # Project documentation
├── index.html               # Main HTML page
├── CNAME                    # GitHub Pages custom domain (optional)
│
├── assets/                  # Static assets directory
│   ├── css/
│   │   └── styles.css       # Main stylesheet
│   └── images/
│       ├── favicon/         # Favicon files for all platforms
│       ├── icon/            # SVG icons (arrow, dots, social media, etc.)
│       ├── anuswar-rao-profile-photo.webp  # Profile photo
│       └── preview.jpg      # Social media preview image
│
├── js/                      # JavaScript modules
│   ├── app.js               # Main application script
│   └── modules/             # Modular JS components
│
└── libraries/               # Third-party libraries
    ├── google-font/         # Self-hosted Nunito font files
    ├── toastify/            # Toast notification library
    └── qrcode.min.js        # QR code generation library
```

## 🧰 Tech Stack

| Tool / Library    | Purpose                          |
|-------------------|----------------------------------|
| **HTML, CSS, JS** | Core Structure & Functionality   |
| Google Fonts      | Custom Typography (Nunito)       |
| QRCode.js         | QR Code Generation               |
| Toastify.js       | Toast Notifications              |

## 🤝 Contributing

Contributions are welcome! If you find any issues, have suggestions, or want to add new features, please open an issue or create a pull request.

**Steps to contribute:**

1. **Fork the repository**
2. **Create a new branch** for your feature or fix
3. **Commit your changes** with clear messages
4. **Push to your fork**
5. **Open a pull request** to the `main` branch

## 📄 License
This project is licensed under the [MIT License](LICENSE.md), which means you are free to use, modify, and distribute the code.

freelink-bio

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README