🔗 freelink-bio

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:

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 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 with hover effects
│   ├── scss/                # SCSS source files (optional)
│   └── 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
    ├── animate.min.css      # Animation library
    └── qrcode.min.js        # QR code generation library

🧰 Tech Stack

Tool / Library	Purpose
HTML, CSS, JS	Core Structure & Functionality
SCSS/Sass/	CSS Preprocessor for styling
Google Fonts	Custom Typography (Nunito)
Animate.css	Transitions & Animations
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, which means you are free to use, modify, and distribute the code.