Show your dynamically generated LeetCode stats on your GitHub profile or your website!
LeetCode and LeetCode CN are both supported.
- 📈 Clean and simple LeetCode stats, for both
usandcnsites - 🎨 Multiple themes and 1,300+ fonts - Theme, Font
- 🪄 Fully customizable using CSS - Custom Stylesheets
- ⚡️ Fast and global edge network - Cloudflare Workers
- 🚫 No tracking, controllable cache - Cache
- 🍀 Open source - MIT License
- ⚙️ Extended-cards:
activity,contest,heatmap
It also has a NPM package and a highly extensible system, so you can easily customize it to your needs.
Want to contribute? Feel free to open a pull request!
You can also self-host this service using the jacoblincool/leetcode-stats-card Docker image.
To build the image by yourself, use pnpm build:image script.
See docker-compose.yml for an example.
Simply copy the code below, paste it into your README.md, and change the path to your leetcode username (case-insensitive).
Congratulation! You are now showing your LeetCode stats on your profile!
Want a hyperlink? Try this:
[](https://leetcode.com/JacobLinCool)The endpoint of this tool is:
https://leetcard.jacoblin.cool/
The legacy one: https://leetcode.card.workers.dev/
There are many options, you can configure them by passing a query string to the endpoint.
Data source, can be us or cn.
Card theme, see Theme for more information.
Use a comma to separate the light and dark theme.
Card font, you can use almost all fonts on Google Fonts.
It is case-insensitive, and you can use font=dancing_script or font=Dancing%20Script to get the same result.
Change the card size, it will not resize the content.
But it will be helpful if you want to use custom css.
Change the card border and radius.
Enable or disable the animation.
Hide elements on the card, it is a comma-separated list of element ids.
Extension, it is a comma-separated list of extension names.
NOTICE: You can only use one of extended-card extensions (activity, contest, heatmap) at a time now, maybe they can be used together in the future.
Animation, font, theme, and external stylesheet are all implemented by extensions and enabled by default.
Want to contribute a nyan-cat extension? PR is welcome!
Cache time in seconds.
Note: it will not be a good idea to set it to a long time because GitHub will fetch and cache the card.
You can make
DELETErequest to/:site/:usernameto delete the cache.
External stylesheet, it is a comma-separated list of urls.
You can upload your custom CSS to gist and use the url.
They will be injected in the order you specified.
Still work, but deprecated.
| Key | Description | Default Value |
|---|---|---|
border_radius |
Same as radius |
4 |
show_rank |
Display/Hide Rank: Boolean |
true |
extension |
Same as ext |
"" |
Now we have 6 themes. If you have any great idea, please feel free to open a PR!
You can now use almost all fonts on Google Fonts.
Some examples:
Extension, it is a comma-separated list of extension names.
NOTICE: You can only use one of extended-card extensions (activity, contest, heatmap) at a time now, maybe they can be used together in the future.
Animation, font, theme, and external stylesheet are all implemented by extensions and enabled by default.
Want to contribute a nyan-cat extension? PR is welcome!
Show your recent submissions.
Show your contest rating history.
Show heatmap in the past 52 weeks.
