/LeetCode-Stats-Card

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

Primary LanguageJavaScriptMIT LicenseMIT

LeetCode Stats Card

CodeFactor

A simple tool for every LeetCoder.

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
style Card Style: String default NO
font Text Font: String null 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

Styles

Now we have 5 styles. 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&style=default)

Leetcode Stats

Dark

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

Leetcode Stats

Auto

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

Leetcode Stats

Forest

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

Leetcode Stats

WTF

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

Leetcode Stats

Fonts

You can choose which Web Safe Font you want to display on the card.

You can also choose fonts on Google Fonts, but GitHub will block them and the font will fallback to default fonts.

Some Examples

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

Leetcode Stats

![Leetcode Stats](https://leetcode.card.workers.dev/?username=JacobLinCool&font=Brush%20Script%20MT)

Leetcode Stats

Extensions

Extension is still a testing feature. 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