STATS CARDS September 23, 2026 8 min read CodeCrest Editorial Team

How to Display LeetCode & Codeforces Ratings on GitHub Profile README

Direct Answer (TL;DR)

To display LeetCode or Codeforces stats on your GitHub profile, embed a third-party dynamic stats card (such as rahuldkjain/github-profile-readme-generator or JacobLinCool/LeetCode-Stats-Card). These endpoints query competitive programming APIs and render responsive SVGs of your solved problems and contest ratings.

Production LeetCode Stats Embed

<div align="center">
  <img src="https://leetcode-stats-api.herokuapp.com/YOUR_LEETCODE_USERNAME" alt="LeetCode Problems Solved Statistics" />
</div>

Frequently Asked Questions

❓ Can the card match custom profile colors?

Yes, append custom theme query parameters like ?theme=dark to match your profile palette.

Build a Visually Stunning GitHub Profile in 60 Seconds

Design Bento grid layouts, verified badges, dynamic memes, and trophies automatically with ProfileCrest.

🚀 Launch Profile Generator Explore Templates →