Sign In Get Started

mdit — Markdown, but it runs

Turn markdown into dynamic, generated content

Browse Widgets See Examples ↓
README.md
# My Project   ![!repo-stats](github/my-project)
my-project
1.2k stars 89 forks 24 issues
TypeScript · Updated 2h ago

See it in action

Markdown: ![!repo-stats](github/vercel/next.js)
Renders as:
Repository Stats
Try this widget →
Markdown: ![!chart](github/vercel/next.js/stars)
Renders as:
Star History Chart
Try this widget →
Markdown: ![!contributors](github/vercel/next.js)
Renders as:
Contributors Grid
Try this widget →
⭐ Widget of the Week
JanMarJunSepDec

Animated Star History Chart

by @danielroe

A beautiful, customizable visualization that shows GitHub repo star growth over time with smooth animations. Perfect for READMEs, blogs, and project dashboards.

Try it Fork Read story →

Popular Widgets

Repo Stats @octocat
★ 842 ⑂ 45 👁 12k
Star History @danielroe
★ 1203 ⑂ 89 👁 24k
Contributors @sindresorhus
★ 634 ⑂ 32 👁 8k
CI Status @tj
★ 517 ⑂ 28 👁 6k
License Badge @yyx990803
★ 412 ⑂ 15 👁 5k
Code Coverage @kentcdodds
★ 389 ⑂ 21 👁 4k
NPM Downloads @ljharb
★ 356 ⑂ 18 👁 3.5k
Bundle Size @developit
★ 298 ⑂ 12 👁 3k
Tech Stack @antfu
★ 275 ⑂ 14 👁 2.8k
PR Status @rauchg
★ 247 ⑂ 9 👁 2.5k
Issue Tracker @gaearon
★ 231 ⑂ 11 👁 2.2k
Deploy Status @leerob
★ 198 ⑂ 8 👁 1.9k
View all widgets →

How it works

1

Pick a widget

Browse the gallery or search for what you need

 2

Customize it

Adjust parameters in the playground with instant preview

 3

Embed anywhere

Copy the markdown and paste it in your README