惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
云风的 BLOG
云风的 BLOG
小众软件
小众软件
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 司徒正美
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
美团技术团队
宝玉的分享
宝玉的分享
量子位
V
Visual Studio Blog
罗磊的独立博客
Vercel News
Vercel News
B
Blog
J
Java Code Geeks
S
SegmentFault 最新的问题
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
P
Proofpoint News Feed
GbyAI
GbyAI
G
Google Developers Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
Make Your GitHub README Look Better with This Simple Lang...
Vida Khoshpey · 2026-06-02 · via DEV Community
Cover image for Make Your GitHub README Look Better with This Simple Languages Card 🥰

Vida Khoshpey

👋 Hey devs

I built a small open-source tool called GitHub Languages Card.

And honestly… it started as a side experiment, but it ended up being something I now actually use in my own README.


The idea is simple:

Take your GitHub profile and turn it into a clean, visual language card.

No noise. No clutter. Just your real stack — visualized.


Live Demo

👉 Click Here for Demo


themes

Choose your own theme so many themes for cards actually I love dark-neon and hacker and also pink one ❤️🔥


💡 Why I built this

Most GitHub profiles have the same problem:

They contain a lot of data… but they don’t show anything at a glance.

So I asked myself:

“What if your GitHub profile could instantly show what you actually code in?”

That’s where this project started.


⚙️ What it does

GitHub Languages Card:

  • fetches your public repositories
  • analyzes programming languages you use
  • calculates your real language distribution
  • generates a clean, embeddable card for your README

Simple idea. Surprisingly useful.


🖼️ Preview

Here’s what it looks like:

screenshot1


🚀 Why you might like it

If your README feels:

  • empty
  • outdated
  • or just not “you”

this gives it a quick upgrade without effort.

It basically turns your GitHub into something more visual and alive.


🔥 Real use case

You can literally drop this into your README and instantly get:

  • a visual summary of your stack
  • a cleaner developer profile
  • something recruiters actually glance at

No setup pain. Just your username.


🧠 What I learned building this

This was also a good excuse for me to learn:

  • how GitHub API actually behaves in real projects
  • how to process real-world noisy data
  • how small tools can improve developer branding

📦 Repo

👉 Repository
If you find it useful:

  • ⭐ star it
  • fork it
  • or just use it in your README

No pressure 🙂


❤️ Final thought

Sometimes the best projects are not the biggest ones

they’re the ones that make your profile feel a little more alive.

Hope this helps someone improve their GitHub presence


Also sorry my internet connection is so unstable, I don't know these images loaded or not so go check on my README.md plz 🙏🏻🥺