/LeetCode-Stats-Card

Show your dynamically generated LeetCode stats on your GitHub profile or your website!

Primary LanguageTypeScriptMIT LicenseMIT

LeetCode Stats Card

CodeFactor

A simple tool for every LeetCoder. Support both LeetCode and LeetCode CN.

Show your dynamically generated LeetCode stats on your GitHub profile or your website!

Playground: Try It Now

Leetcode Stats

Usage

Just copy the code below, paste it into your readme.md, and change the value of username.

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool)

Congratulation! You are now showing your LeetCode stats on your profile!

Want hyperlink? Try this:

[![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool)](https://leetcode.com/JacobLinCool)

Endpoint

The endpoint of this awesome tool is:

https://leetcode.card.workers.dev/

Parameters

Key Description Default Value Required
username Your LeetCode Username: String null YES
theme Card Style: String default NO
font Text Font: String baloo NO
width Card Width: Number 500 NO
height Card Height: Number 200 NO
animation Enable Animation: Boolean true NO
border Border Width: Number 1 NO
border_radius Border Radius: Number 4 NO
extension Enable Extension: String null NO
show_rank Display/Hide Rank: Boolean true NO
cache Cache Time (in second): Number 60 NO
site Data source: us or cn us NO

Themes

Now we have 5 themes. If you have any great idea, please let me know. Also, any PRs or Issues with cool features or styles are welcomed!

Default

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&theme=default)

Leetcode Stats

Dark

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&theme=dark)

Leetcode Stats

Auto

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&theme=auto)

Leetcode Stats

Nord

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&theme=nord)

Leetcode Stats

Forest

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&theme=forest)

Leetcode Stats

WTF

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&theme=wtf)

Leetcode Stats

Unicorn

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&theme=unicorn)

Leetcode Stats

Fonts

Baloo

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&font=baloo)

Leetcode Stats

Milonga

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&font=milonga)

Leetcode Stats

Patrick Hand

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&font=patrick_hand)

Leetcode Stats

Ruthie

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&font=ruthie)

Leetcode Stats

Other Fonts

You can also use some Web Safe Font which you want to display on the card.

Extensions

Extension is still a testing feature.

It will not work on iOS, the layout is far from perfect.

But you can try it by adding extension=activity to the serach parameter.

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&extension=activity)

Leetcode Stats