{"id":19681721,"url":"https://github.com/digitalmalayali/linkhub","last_synced_at":"2026-03-02T04:33:44.669Z","repository":{"id":186404887,"uuid":"675123661","full_name":"digitalmalayali/Linkhub","owner":"digitalmalayali","description":"A minimal and super-lightweight free web template to use as an alternative to Linktree or Link-in-bio.","archived":false,"fork":false,"pushed_at":"2024-10-30T14:31:06.000Z","size":309,"stargazers_count":10,"open_issues_count":1,"forks_count":7,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-04-29T04:43:19.475Z","etag":null,"topics":["chota","css","html","instagram","js","lightweight","linkhub","linkinbio","linkinbio-alternative","linklist","links","linkstack","linktree","linktree-alternative","linktree-custom","littlelink","minimal","personal-website","template","website-template"],"latest_commit_sha":null,"homepage":"http://links.digitalmalayali.in","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/digitalmalayali.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-08-05T21:27:42.000Z","updated_at":"2025-03-25T07:02:36.000Z","dependencies_parsed_at":"2024-01-04T17:51:31.294Z","dependency_job_id":"fdb4a3d1-279c-4f88-b9fe-36ddedcde5eb","html_url":"https://github.com/digitalmalayali/Linkhub","commit_stats":null,"previous_names":["digitalmalayali/linkhub"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/digitalmalayali/Linkhub","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalmalayali%2FLinkhub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalmalayali%2FLinkhub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalmalayali%2FLinkhub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalmalayali%2FLinkhub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/digitalmalayali","download_url":"https://codeload.github.com/digitalmalayali/Linkhub/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digitalmalayali%2FLinkhub/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264781136,"owners_count":23662795,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chota","css","html","instagram","js","lightweight","linkhub","linkinbio","linkinbio-alternative","linklist","links","linkstack","linktree","linktree-alternative","linktree-custom","littlelink","minimal","personal-website","template","website-template"],"created_at":"2024-11-11T18:08:36.586Z","updated_at":"2026-03-02T04:33:39.642Z","avatar_url":"https://github.com/digitalmalayali.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Linkhub\nA super-simple free web template to store and share your links like Linktree or Link-in-bio.\n\n[![Static Badge](https://img.shields.io/badge/jekyll-theme-CC0000?logo=jekyll\u0026logoColor=%23CC0000)](https://github.com/digitalmalayali/linkhub-jekyll-theme/)\n[![Gem (including prereleases)](https://img.shields.io/gem/v/linkhub-jekyll-theme?logo=ruby\u0026logoColor=%23E9573F)](https://rubygems.org/gems/linkhub-jekyll-theme)\n[![Gem](https://img.shields.io/gem/dt/linkhub-jekyll-theme?logo=ruby\u0026logoColor=%23E9573F)](https://rubygems.org/gems/linkhub-jekyll-theme)\n\n[![Static Badge](https://img.shields.io/badge/wordpress-theme-red?logo=wordpress\u0026labelColor=21759B)](https://github.com/digitalmalayali/linkhub-wordpress-theme)\n[![WordPress Theme Version](https://img.shields.io/wordpress/theme/v/linkhub?logo=wordpress\u0026labelColor=%2321759B)](https://wordpress.org/themes/linkhub/)\n[![WordPress Theme Downloads](https://img.shields.io/wordpress/theme/dt/linkhub?logo=wordpress\u0026labelColor=%2321759B\u0026color=green)](https://wordpress.org/themes/linkhub/)\n\n## Features\n- 😊 No installation or fancy setup; just replace links/icons!\n- 📸 Add links to Instagram posts similar to Later's link-in-bio! \n- ⚡ Uses a modified version of the lightweight CSS framework [chota](https://github.com/jenil/chota); the entire size of the site is around 250kb with minimum assets!\n- 🌙 Switch between dark and light modes; automatically choose the mode based on your system preference!\n- 😍 Icons powered by [iconify](https://github.com/iconify/iconify); find tons of free icons for almost any purpose!\n- 🔠 Categorize links; store your links under various categories!\n\n## Screenshots\n\u003cimg src=\"https://github.com/digitalmalayali/Linkhub/assets/61133303/e2283f77-e60d-4601-92df-7566a7307c2b\" alt=\"Dark Mode\" width=720/\u003e\u003cfigcaption\u003eDark Mode\u003c/figcaption\u003e\n\n\u003cimg src=\"https://github.com/digitalmalayali/Linkhub/assets/61133303/d7f2148c-b912-44dd-a168-378af1ee07bf\" alt=\"Dark Mode\" width=720/\u003e\u003cfigcaption\u003eInsta link-in-bio expanded\u003c/figcaption\u003e\n\n\u003cimg src=\"https://github.com/digitalmalayali/Linkhub/assets/61133303/9771278e-8018-4fb6-a1e8-807babdd1312\" alt=\"Dark Mode\" width=720/\u003e\u003cfigcaption\u003eLight Mode\u003c/figcaption\u003e\n\n## Also available as\n- [Jekyll Theme](https://github.com/digitalmalayali/linkhub-jekyll-theme)\n- [Ruby Gem](https://rubygems.org/gems/linkhub-jekyll-theme)\n- [WordPress Theme](https://github.com/digitalmalayali/linkhub-wordpress-theme)\n\n## Usage\nThe first step is to click the **Use this template** button above the file list to create a new repository.\n\n### Modify social media links\nGo to [index.html](https://github.com/digitalmalayali/Linkhub/blob/main/index.html) file. Social media links are under, \n\n```html \n\u003cnav class=\"nav\"\u003e\n```\n\nJust replace the existing links with yours and you're done!\n\n```html \n\u003ca class=\"brand\" href=\"https://www.instagram.com/example/\" target=\"_blank\" aria-label=\"Instagram\"\u003e\n```\n\n#### Change icons and icon colour\nGo to [iconify icon sets](https://icon-sets.iconify.design/) and search for the icon you want. E.g., if you want to replace the existing Instagram icon with another from a different set, copy the unique icon name and paste it into the `data-icon` attribute. You can also change the icon colour right there to match your branding or specific needs.\n\n```html \n\u003cspan class=\"iconify-inline\" data-icon=\"iconoir:instagram\" style=\"color: #0054ff\"\u003e\u003c/span\u003e\n```\n#### Use custom icons in buttons\nAdd your custom `svg` icon inside `\u003cspan class=\"custom-icon\"\u003e`. You can use [SVGOMG](https://jakearchibald.github.io/svgomg/) to optimize SVG.\n\n```html\n\u003ca class=\"button outline secondary\" href=\"https://productraid.com/\" target=\"_blank\"\u003e\n  \u003cspan class=\"custom-icon\"\u003e\n    \u003csvg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" style=\"fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2\" viewBox=\"0 0 3 3\"\u003e\u003cpath d=\"M.652.2h1.446l-.238.886h.975l-.352 1.313H1.292l.114-.428h.749l.122-.457h-.374c-.684 0-1.283.46-1.46 1.12H0L.652.201ZM.98.63l-.122.457h.56L1.54.629H.98Z\"/\u003e\u003c/svg\u003e\n  \u003c/span\u003eProduct Raid\n\u003c/a\u003e\n```\n\n\n#### Add/remove a social media icon along with the link\nJust add/remove that entire `\u003ca\u003e` tag!\n\n```html \n\u003ca class=\"brand\" href=\"https://www.instagram.com/example/\" target=\"_blank\" aria-label=\"Instagram\"\u003e\n  \u003cspan class=\"iconify-inline\" data-icon=\"ri:instagram-fill\" style=\"color: #0054ff\"\u003e\u003c/span\u003e\n\u003c/a\u003e\n```\n### Add/remove Insta link-in-bio\nIf you'd like to completely remove the Insta link-in-bio, remove the entire `\u003csection\u003e`.\n\n```html \n\u003csection\u003e\n  \u003cdetails\u003e\n    \u003csummary class=\"text-center text-error\"\u003eInsta Link-in-Bio\u003c/summary\u003e\n    \u003cdiv class=\"insta-gallery\"\u003e\n      \u003cdiv class=\"insta-item\"\u003e\n        \u003ca href=\"https://radio.digitalmalayali.in/\" target=\"_blank\" aria-label=\"Insta link-in-bio\"\u003e\n          \u003cimg class=\"insta-img text-center\" src=\"https://i.ibb.co/KykYQC8/radio.webp\" width=\"100%\"\n              height=\"100%\" alt=\"Insta post\"\u003e\u003c/a\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/details\u003e\n\u003c/section\u003e\n```\n\nAlso, make sure to remove these CSS classes from `style.css` as well:\n\n```css\nsection,\nsummary {\n    margin: .8em 0 .5em\n}\n \n.insta-gallery {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr)\n}\n\n.insta-item {\n    aspect-ratio: 1;\n    margin: .2em;\n    overflow: hidden\n}\n\n.insta-img {\n    object-fit: cover;\n    object-position: center\n}\n```\n\nAdding a new link-in-bio is super easy. Make sure to add it at the start.\n\n```html \n\u003cdiv class=\"insta-item\"\u003e\n  \u003ca href=\"https://radio.digitalmalayali.in/\" target=\"_blank\" aria-label=\"Insta link-in-bio\"\u003e\n    \u003cimg class=\"insta-img text-center\" src=\"https://i.ibb.co/KykYQC8/radio.webp\" width=\"100%\"\n      height=\"100%\" alt=\"Insta post\"\u003e\u003c/a\u003e\n\u003c/div\u003e\n```\n### Modifying link buttons\nLink buttons are in the `\u003cmain\u003e` tag. You can replace the existing links and icons just like you did for social media links.\n\n```html \n\u003ca class=\"button outline secondary\" href=\"https://www.example.com/\" target=\"_blank\"\u003e\n  \u003cspan class=\"iconify-inline\" data-icon=\"ri:ball-pen-fill\"\u003e\u003c/span\u003eExample\n\u003c/a\u003e\n```\n\n#### Add/remove a button\nAdd/remove the entire class named `row`.\n\n```html \n\u003cdiv class=\"row\"\u003e\n  \u003cdiv class=\"col is-center\"\u003e\n    \u003ca class=\"button outline secondary\" href=\"https://www.example.com\" target=\"_blank\"\u003e\n      \u003cspan class=\"iconify-inline\" data-icon=\"ri:ball-pen-fill\"\u003e\u003c/span\u003eExample\n    \u003c/a\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n#### Add/remove a category\nAdd/remove the `\u003ch5\u003e` tag.\n\n```html \n\u003ch5 class=\"text-center\"\u003eBlogs\u003c/h5\u003e\n```\n\n#### Add/remove the NEW tag\nAdd/remove the `\u003cspan class=\"tag\"\u003e`. Also, make sure to use/remove `\u003cdiv class=\"col link\"\u003e` instead of `\u003cdiv class=\"col\"\u003e`.\n\n```html\n\u003cdiv class=\"row\"\u003e\n  \u003cdiv class=\"col link is-center\"\u003e\n      \u003ca class=\"button outline secondary\" href=\"https://radio.digitalmalayali.in/\" target=\"_blank\"\u003e\u003cspan\n        class=\"iconify-inline\" data-icon=\"ri:radio-fill\"\u003e\u003c/span\u003e24/7\n        Radio \u003cspan class=\"tag is-small bd-success text-success\"\u003eNew\u003c/span\u003e\n      \u003c/a\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigitalmalayali%2Flinkhub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdigitalmalayali%2Flinkhub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigitalmalayali%2Flinkhub/lists"}