BelTree
A clean and elegant Linktree alternative that offers customizable links and a user-friendly design
Install / Use
/learn @cx48/BelTreeREADME
BelTree
A clean and elegant Linktree alternative that offers customizable links and a user-friendly design
Powered by Zola. Styled with Tailwind CSS & Font Awesome.
“Bel” in French means beautiful — this is your Beautiful Linktree!
Preview
BelTree can be deployed for free using GitHub Pages or Vercel
Mobile View
Deep Ocean | Mint Fresh | Sunset
<img src="https://raw.githubusercontent.com/cx48/BelTree/refs/heads/main/static/screenshots/mobile-deep-ocean.png" alt="BelTree Mobile View | Deep Ocean" style="max-width: 400px; height: 800px;"> <img src="https://raw.githubusercontent.com/cx48/BelTree/refs/heads/main/static/screenshots/mobile-mint-fresh.png" alt="BelTree Mobile View | Mint Fresh" style="max-width: 400px; height: 800px;"> <img src="https://raw.githubusercontent.com/cx48/BelTree/refs/heads/main/static/screenshots/mobile-sunset.png" alt="BelTree Mobile View | Sunset" style="max-width: 400px; height: 800px;">
Desktop View
Deep Ocean

Mint Fresh

Sunset

Quick Start
-
Install Zola: https://getzola.org/documentation/getting-started/installation/
-
Clone repository:
git clone https://github.com/cx48/BelTree cd BelTree -
Serve locally:
zola serveAfter making necessary changes to HTML files present under
partials/visit http://127.0.0.1:1111 -
Build static site:
zola buildAll files output to
/public
Deployment Guide
Deploy to GitHub Pages
-
Run Zola build:
zola build -
Commit and push the contents of the
public/folder to yourgh-pagesbranch -
In GitHub repo settings, enable Pages from the
/publicfolder orgh-pagesbranch -
Your site will be live at
https://yourusername.github.io/BelTree/
Deploy to Vercel
-
Login to Vercel and import your GitHub repo
-
Set Build Command to:
zola build -
Set Output Directory to:
public -
Set Framework Preset to
Other -
Click Deploy
Zola will build and serve from the public/ folder automatically on every push
Customization Guide will be added soon!
Get in Touch
Have feedback, questions, or just want to say hello?
Feel free to open an issue or reach out directly:
Check my GitHub profile for contact links
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
2.1kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
Flyaro-waffle-app
Waffle Delight - Full Stack MERN Application Rules & Documentation Project Overview A comprehensive waffle delivery application built with MERN stack featuring premium UI/UX, admin management, a
