DEV Community

Cover image for 10 Standout GitHub Profile READMEs

10 Standout GitHub Profile READMEs

Lee Reilly on July 23, 2020

My good friend and colleague @bdougieyo is at Codeland today and is giving away early access to Codespaces to three lucky people who create a profi...
Collapse
 
daviddalbusco profile image
David Dal Busco • Edited

The chess README is pretty slick!

I really enjoy the one of @brunnerlivio too, there's something "old'school cool" there.

πŸ‘‰ GitHub

Collapse
 
bdougieyo profile image
Brian Douglas • Edited

I am a fan of the old school and always a fan of the underrated marquee

Collapse
 
leereilly profile image
Lee Reilly

No kidding! The 80s 90s called...

https://dev-to-uploads.s3.amazonaws.com/i/oepsqowurv75zxayqcbw.gif

Source: github.com/bdougie

Thread Thread
 
mmbazel profile image
Mikiko Bazeley

Omg I love it!

Collapse
 
brunnerlivio profile image
Livio Brunner

Aww thank you!
At this point I want to mention, its inspired by fnkys awesome README. As well as sindresorhus tweet which helped me to build the marquee :-)

Collapse
 
wjimmycook profile image
Jimmy Cook • Edited

Here is my new github profile README
github profile

Collapse
 
leereilly profile image
Lee Reilly

πŸ’šπŸ’šπŸ’šπŸ’šπŸ’š

Collapse
 
wjimmycook profile image
Jimmy Cook

Lol amazing!

Thread Thread
 
leereilly profile image
Lee Reilly

The folks contributing to this Tweet show real... commitment...

Thread Thread
 
wjimmycook profile image
Jimmy Cook

Just happy to push my changes

Thread Thread
 
leereilly profile image
Lee Reilly

Gonna stash these jokes for later. Might be able to cherry-pick a few for an upcoming Dev post...

Collapse
 
phitgeek profile image
David Obodo

super nice

Collapse
 
avinal_ profile image
Avinal Kumar • Edited

Check this out. Coding Activity Graph on your Profile README. Uses WakaTime API to automatically update your stats every night.
github.com/avinal/Profile-Readme-W...
Heyy

Collapse
 
ryanlanciaux profile image
Ryan Lanciaux • Edited

Thank you for this excellent article - love this feature of GitHub, and seeing all the creative things people are doing. Especially pumped to see the visitor counter making a come back :D

If anyone wants to add the retro counter to their profile (like @sagar-viradiya's profile) you can add it like this.
![Visitor Count](https://profile-counter.glitch.me/{YOUR USER}/count.svg)

Slightly more expanded version of these instructions are available here :D

For anyone that's interested in making their own visitor counter, check out this guide I wrote on creating (or forking the GlitchApp) to make your own visitor counter. πŸš€ The main gist of this one is you run a node+Express app (although it could be a serverless function, other language/framework, etc) that responds to an svg request with the next count. The headers should alert GitHub's caching layer to re-request the image every time.

Collapse
 
sagarviradiya profile image
Sagar Viradiya

Thanks for creating this!

Collapse
 
kush1101 profile image
Kushagra Bansal

Thanks for the information! Was looking for this. 😊

Collapse
 
leereilly profile image
Lee Reilly • Edited

Graphics are a bit blocky, but here's mine...

Collapse
 
arturssmirnovs profile image
Arturs Smirnovs

Here is a tool that could help you to get started with github readme :)
Add description / social media / badges and other stuff with just few clicks..

GitHub logo arturssmirnovs / github-profile-readme-generator

GitHub profile readme generator allows you to create nice and simple GitHub profile readme files that will be included in your profile previews.

Github Readme Generator

Hi there πŸ‘‹.

⭐⭐⭐ Check out this tool here.

Github Readme Generator

This project allows you to easily create attractive and simple GitHub Readme files that you can copy/paste in your profile. It's currently available in English and Spanish.

You can include things like headers, subtitles, skills, a banner image, additional information, social media links, badges and GitHub statistics.

Instructions

  • Go to: arturssmirnovs.github.io/github-pr...
  • Fill any inputs you like
  • Copy the code generated in the Code section
  • Create a new repository in your GitHub account with the same name as your GitHub username
  • Add a readme.md file to your new repository
  • Paste the copied code into the readme file and save
  • Enjoy!

Preview

Github readme generator

Top Contributors

@arturssmirnovs @max-programming @fx2000 @DenverCoder1

Resources Used

Name Repository Link
Github Readme Stats github.com/anuraghazra/github-read...
Github Profile Views Counter github.com/arturssmirnovs/github-p...
Github Profile Trophy github.com/ryo-ma/github-profile-t...
Github Readme Streak Stats github.com/DenverCoder1/github-rea...
Simple icons github.com/simple-icons/simple-icons
Simple Translator github.com/andreasremdt/simple-tra...
Collapse
 
jamesgeorge007 profile image
James George

Here's a GitHub Action that updates README with the recent activity of a user:-

GitHub logo jamesgeorge007 / github-activity-readme

Updates README with the recent GitHub activity of a user

GitHub Activity in Readme

Updates README.md with the recent GitHub activity of a user.

profile-repo


Instructions

  • Add the comment <!--START_SECTION:activity--> (entry point) within README.md. You can find an example here.

  • It's the time to create a workflow file.

.github/workflows/update-readme.yml

name: Update README

on:
  schedule:
    - cron: '*/30 * * * *'
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest
    name: Update this repo's README with recent activity

    steps:
      - uses: actions/checkout@v2
      - uses: jamesgeorge007/github-activity-readme@master
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
Enter fullscreen mode Exit fullscreen mode

The above job runs every half an hour, you can change it as you wish based on the cron syntax.

Please note that only those public events that belong to the following list show up:-

  • IssueEvent
  • IssueCommentEvent
  • PullRequestEvent

You can find an example here.

Override defaults

Use the following input params to customize it for…

Collapse
 
puneetgopinath profile image
Puneet Gopinath

Hey James George, you no longer maintain it. So here is a fork of it to use instead:

GitHub logo Readme-Workflows / recent-activity

Add your recent activity to your profile readme!

Recent Activity

GitHub stars GitHub forks GitHub issues GitHub repo size Lines of code Discord Chat Contributor Covenant

This GitHub Action is a Fork of the original GitHub Activity Readme Action by jamesgeorge007.
Its our goal is to improve the original GitHub Action while also providing new features for the users.

Live Preview

This is an example live preview that is updated every time a commit is pushed using github actions.

Last Updated: Thursday, May 20th, 2021, 3:17:39 PM (GMT)

  1. ❗️ Closed issue #5 in Readme-Workflows/recent-activity
  2. πŸŽ‰ Merged PR #6 in Readme-Workflows/recent-activity
  3. πŸ—£ Commented on #3 in Readme-Workflows/recent-activity
  4. ❗️ Closed issue #4 in Readme-Workflows/recent-activity
  5. πŸ’ͺ Opened PR #6 in Readme-Workflows/recent-activity

Settings

The Action currently has the following Settings that you can set through the with option.

Option Description Default Supported Placeholder
GH_USERNAME The User to get latest activity from Repository Owner
COMMIT_MSG The Commit Message to use when updating the README ⚑ Update README with the recent activity
MAX_LINES How many activities to display 5
…
Collapse
 
ahmadsawalqeh profile image
Ahmad Sawalqeh

I used a combination of several tools to make this piece of art you can check it out here! GitHub Account

Collapse
 
ronaldohoch profile image
Ronaldo Hoch

Nice!
How do you made this Contribution Stats?

Collapse
 
sarveshmankar profile image
Sarvesh Mankar • Edited

Guys checkout my GitHub Profile :D
github.com/SarveshMankar

Feature to watch out:

  1. SVG for Username
  2. GitHub Stats
  3. Dynamic Updates of Quotes!

Also do checkout my GFG article on GitHub Actions and GitHub Secrets!
Dynamic GitHub Readme

Do let me know your reviews!

Collapse
 
harshalrj25 profile image
Harshal Jadhav

Here's mine which shows your latest medium blogs.
harshalrj25

checkout my repo github.com/harshalrj25/mediumblog-... to add medium blogs to your profile.

Collapse
 
tanishqsingh2301 profile image
Tanishq Singh

Image description

tic tac toe in github readme??
Github

Collapse
 
shravan20 profile image
Shravan Kumar B

Hi, do check this project, to beautify your profile readme. Star it, if you like it.

GitHub Dynamic Animated Quote Generator

GitHub logo shravan20 / github-readme-quotes

Dynamic quote generator for your GitHub readmes

github-readme-quotes

Dynamic quote generator for your GitHub readmes

banner

alt PRs Welcome Open Source? Yes! GitHub contributors Pull Request Counts last commit deployment-status community chat

Github Readme Quotes

Copy and paste the following markdown content to display the quote.

![Quote](https://github-readme-quotes.herokuapp.com/quote)
Enter fullscreen mode Exit fullscreen mode

Themes

You can display your quote in different themes without any manual customization.

Use ?theme=THEME_NAME parameter as shown below.

![Quote](https://github-readme-quotes.herokuapp.com/quote?theme=dark)
Enter fullscreen mode Exit fullscreen mode

Available Themes

dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula

Gotham

Quote

Dark

Quote

Light Theme

Quote

You can explore different themes here.

Feel free to contribute different themes.

Layouts

You can also change the layout of your templates.

Use ?layout=LAYOUT parameter as shown below

![Quote](https://github-readme-quotes.herokuapp.com/quote?theme=dark&layout=socrates)
Enter fullscreen mode Exit fullscreen mode

Layout 1 (Default)

Quote

Layout 2 (Socrates)

Quote

You can explore different layouts here.

Feel free to contribute different layouts.

Animations

You can also add animations to your templates.

Use ?animation=ANIMATION paramater as shown below

![Quote](https://github-readme-quotes.herokuapp.com/quote?theme=dark&animation=grow_out_in)
Enter fullscreen mode Exit fullscreen mode

Animation 1

Quote

You can explore different animations…

Collapse
 
10secondsofcode profile image
Elango Sundar

Nice, we have additional github readme templates available in github.com/elangosundar/awesome-RE...

Collapse
 
apurvshah007 profile image
Apurv Shah

github.com/ApurvShah007
A great combination of the many open-source templates!

Collapse
 
hrittikhere profile image
Hrittik Roy

Yah created one your reviews will mean a lot to me ❀️
It has gif and counters
GitHub

Collapse
 
leereilly profile image
Lee Reilly • Edited

github.com/hrittikhere - very cool! πŸ’œ

Makes me think of / want to play github.com/maxilevi/project-skylines πŸ˜„

Collapse
 
gautamkrishnar profile image
Gautam Krishna R

Created a GitHub action too for updating the readme with your latest blog posts and StackOverflow activity automatically: github.com/gautamkrishnar/blog-pos...

Collapse
 
tanishqsingh2301 profile image
Tanishq Singh

Image description

Add your name with just a click??
Github

Collapse
 
emadbeltaje profile image
Emad Beltaje • Edited

can you guys rate my github readme i will appreciate any feedback 🧑

Note: its theme responsive if the theme is dark it will still look cool

Image description

Image description

Collapse
 
vinitshahdeo profile image
Vinit Shahdeo

Late to the party but here's my GitHub profile README.

github.com/vinitshahdeo

github/vinitshahdeo

GitHub followers

Collapse
 
toby profile image
toby

Tables based layout... Full circle is already here πŸ˜…πŸ˜‚πŸ˜…

Collapse
 
konradlinkowski profile image
Konrad Linkowski

What do you think about mine?

Collapse
 
luizpicolo profile image
Luiz Picolo ツ

Simple Tic-Tac-Toe @luizpicolo github.com/luizpicolo

alt text

Collapse
 
taishi profile image
Taishi

This helped me a lot.
Thank you!

Collapse
 
potential17 profile image
Shashwat Pandey

Impressive !!

Collapse
 
developerkaren profile image
Karen Efereyan

I love Monica's readme. Pretty simple and sleek

Collapse
 
mrashad10 profile image
Mohamad Rashad

Thank you all for this useful post and comments, I use some of your ideas in my profile.

github.com/mrashad10

Collapse
 
adityathakekar profile image
Aditya Thakekar

just updated mine: -
github.com/adityathakekar

Collapse
 
alenabraham profile image
Alen Abraham

That is an awesome collection.
thanks :)

Collapse
 
adityathakekar profile image
Aditya Thakekar

Collapse
 
adityathakekar profile image
Aditya Thakekar
Collapse
 
alsiam profile image
Saif Al Siam

here is my repo: github.com/alsiam

Image description

Collapse
 
vaibhav_arora__ profile image
Vaibhav Arora

How is my? - github.com/varora1406

Collapse
 
shravan20 profile image
Shravan Kumar B

Need a review for my README

Collapse
 
redhcp profile image
redhcp

I add recent post github action from Dev.to in my profile, what do you think?

Collapse
 
matceasar profile image
Mateus Loubach

Hey, I know this is an old discussion tab, but I'd really like some feedback for my profile.

GitHub

Collapse
 
friendbear profile image
T Kumagai

Super cool πŸ‹

Collapse
 
ibrahim_s profile image
Syed Ibrahim • Edited

Here's my try at readme... github.com/syedibrahim

Collapse
 
smartmayukh profile image
Mayukhmali Das • Edited
Collapse
 
sumanshekhar698 profile image
Suman

I tries customizing using various widgets. have a look

github.com/sumanshekhar698/sumansh...