GitHub Top Languages Builder

Interactive builder for gh-top-languages/api — preview charts, customize settings, and generate embeddable URLs and Markdown snippets for GitHub READMEs and websites.

Tech Stack

Features

• Live chart preview with configurable theme, colours, type, count, size, and stroke
• Gap-fill mode selector (gap/grow/adapt) with a customizable gap colour
• Per-language colour customization
• Embed URL and markdown snippet generator for READMEs and websites

Website

• gh-top-languages-builder

API

Deploy your generated charts with @gh-top-languages/api — an embeddable SVG endpoint for READMEs and websites.

Library

Chart rendering, theming, and parameter parsing are powered by @gh-top-languages/lib.

Deployment & Configuration

Prerequisites

• npm
• Node.js 22+

1. Clone the Repository

git clone https://github.com/gh-top-languages/builder.git
cd builder
npm install

2. Run Locally

npm run dev      # http://localhost:5173
npm run build    # Production Vite build
npm run preview  # Preview production build

License

MIT License - see LICENSE for details.