Skip to content

anuswarrrao/freelink-bio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔗 freelink-bio

Preview of freelink-bio Website

HTML5 CSS3 JavaScript Live Demo License: MIT Last Commit

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

🔁 Option 1: Clone the Repository

  1. Clone the repository:
git clone https://github.com/anuswarrrao/freelink-bio.git
cd freelink-bio-main
  1. Open the index.html file in your preferred web browser.

📦 Option 2: Direct Download

  1. Download the repository as a ZIP file from GitHub.
  2. Extract the contents to your desired location.
  3. Open index.html in your web browser.

📂 Project Structure

freelink-bio-main/
│
├── LICENSE.md               # MIT license file
├── README.md                # Documentation
├── index.html               # Main page
├── CNAME                    # GitHub Pages custom domain (optional)
│
├── assets/
│   ├── css/
│   │   └── styles.css
│   ├── images/
│   │   ├── favicon/         # Icons
│   │   ├── icon/            # Social icons
│   │   ├── anuswar-rao-profile-photo.webp
│   │   └── preview.jpg
│
├── js/
│   └── script.js
│
├── libraries/
│   ├── google-font/         # Optional local fonts
│   ├── toastify/            # Toastify.js (notifications)
│   ├── animate.min.css      # Animate.css
│   ├── clipboard.min.js     # Clipboard copy
│   └── qrcode.min.js        # QR code generation

🧰 Tech Stack

Tool / Library Purpose
HTML, CSS, JS Core Structure & Functionality
Google Fonts Custom Typography
Animate.css Transitions & Animations
QRCode.js QR Code Generation
Toastify.js Notifications
Clipboard.js Copy Link Feature

🤝 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, which means you are free to use, modify, and distribute the code.