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.