LittleLink
The DIY self-hosted LinkTree alternative. LittleLink has more than 100 branded button styles you can easily use, with more regularly added by our community in this repo and in LittleLink Extended.
Want to make your own buttons for LittleLink but you’re not too sure where to start? Check out our new Button Builder. This new builder lets you preview button styles and with a single click, copy the generated CSS code to put in css/brands.css, and copy the generated HTML code to put in index.html. This builder also helps automate accessibility features by checking contrast ratios and suggesting strokes when needed, ensuring your custom buttons maintain LittleLink’s high standards for visibility in both light and dark themes. Design your buttons visually, preview them live, and get ready to go code. Live Site | GitHub Repo
🌞 Themes and Accessibility
LittleLink offers auto, light, and dark themes right out of the box. If the default color schemes don’t match your preference, you can easily customize them by updating the values in style.css. You can set any of the themes right in index.html. To enhance visual accessibility in both light and dark modes, buttons lacking sufficient contrast with the background are outlined with an inverse stroke to ensure visibility. While LittleLink emphasizes accessibility, it’s important to acknowledge that not all brands incorporated into LittleLink achieve this standard. Branded buttons that come into LittleLink always retain the original essence of the brand and some branded buttons might fall short of optimal accessibility in terms of contrast.
LittleLink epitomizes simplicity and minimalism. When evaluating the LittleLink sample page (which mirrors a typical LittleLink setup for an individual) through tools such as Google PageSpeed Insights, showcases LittleLink’s excellence with 100/100 in Performance, Accessibility, Best Practices, and SEO. My initial vision for LittleLink was to craft it from the fundamentals. LittleLink leverages its own vanilla css to remove the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity.
☁️ Deploy
No need for gulp, npm, or anything else to make LittleLink work—it uses the bare essentials. You can automatically fork and deploy LittleLink with Cloudflare, DigitalOcean, Vercel, Netlify, or Amplify using the buttons below. LittleLink is also easy to host through GitHub Pages or on your home lab server, CDN, or other frontend hosting services. To edit, all you need is a little basic HTML knowledge to add a link to the existing buttons or you can create your own. See our adding custom buttons to your own fork wiki. It’s simple, promise. 🤞
One-Click Deployments
🤝 Contributions
Please reference the submitting a new brand to LittleLink wiki before opening a PR.
🛸 LittleLink Extended
Looking for more niche services to add to your copy of LittleLink? Check out LittleLink Extended. Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered and more focused on delivering branded experiences for the majority of users.
🎨 Figma
Duplicate the LittleLink Template on Figma Community to help plan out and design your LittleLink page.
🐋 Docker
• Techno Tim is building LittleLink-Server. Check out his video!
• Drew is building a super simple Docker implementation of LittleLink.
🗃️ Misc
• Julian is building LinkStack, which is a fork of Khashayar’s LittleLink Admin.
💖 Supporters
You can support LittleLink by buying me a coffee. You can also have your name or your company added to this section and the supporters page of the LittleLink.io website.
🏢 Business Supporters
• Unallocated Space | Hacker/Makerspace in Millersville, MD, serving the greater Baltimore-Washington area
• links.dev
✨ Individual Supporters
• Drew Davis
• Robotter112
• Your Name Here
🥰 More Ways to Support LittleLink
🆕 Stay Connected
Join the Seth’s Nook Discord server to get updates on LittleLink and more. Use the invite code PrAEQFF2fK or click the button below.
📊 Analytics
To help build a more privacy focused product, we recommend using Fathom Analytics*. View our Fathom analytics dashboard**.
* This is a referral link. Using this link to sign up for Fathom is an easy way to help support LittleLink!
** Analytics in this dashboard start May 03, 2022. View this Google Sheets file with the generic unique pageview data from Google Analytics.
🐳 Docker Support
LittleLink includes Docker support for easy deployment and development. All Docker-related files are located in the docker/ directory, with the build’s .dockerignore at the repo root so Docker applies it.
To run LittleLink using Docker:
docker compose -f docker/compose.yaml up
This will make the site available at http://localhost:8080
For more information about Docker configuration, see docker/README.md.
评论