< Go Back

GitHub Lifehacks: Design Tutorials

This post introduces you to a broad list of useful GitHub lifehacks and design tutorials to create a really presentable GitHub account.

1. Create a new repository

1) Open your preferred web browser and follow this link to create new repository

2) Give the repository the same name as your nickname

3) Select the public repository option

4) Check the README

5) Hit the “Create repository” button

2. Modify README.MD

1) Click on the "Edit README" button for edits (there's already a template here)

2) Click on “Commit changes”

3. Further account design is a matter of taste

Let's present some of the interesting features:

1) General statistics

How to do it:

Copying a line. Change the name and theme.

![Anurag's GitHub stats](<https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&show_icons=true>)

2) Statistics on frequently used languages::

[![Top Langs](<https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact>)](<https://github.com/anuraghazra/github-readme-stats>)

3) Languages and hours this week (Wakatime required)

[![willianrod's wakatime stats](<https://github-readme-stats.vercel.app/api/wakatime?username=willianrod>)](<https://github.com/anuraghazra/github-readme-stats>)

4) Repository card:

[![Readme Card](<https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats>)](<https://github.com/anuraghazra/github-readme-stats>)

5) Cups (check the link)

6) Header (check the link)

[![MasterHead](your image link)](your GitHub link)

7) Banner (check the link)

8) Social media links

<h3 align="left">Connect with me:</h3>
<p align="left">
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/twitter.svg>" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg>" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg>" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/youtube.svg>" alt="" height="30" width="40" /></a>

9) Add image/gif

<img align="right" alt="Coding" width="400" src="add your link

10) Useful SVGs (check the link)

11) Useful icons (check the link)

12) GitHub Readme Streak Stats (check the link)

13) Badges (check the link)

14) More badges (check the link)

15) Self-describing (check the link)

16) GitHub Profile Views Counter (check the link)

17) Blog post workflow (check the link)

18) Complete list of GitHub markdown emoji markup (check the link)

19) Q&A (check the link)

20) Clock statistics at the link

21) Quotes (check the link)

4. An alternative way to creating a beautiful GitHub account

An alternative simplified option for creating a beautiful GitHub account (check the link)

5. Bonus for GitHub

Bonus: a list of interesting READMEs for profiles on Github (check the link)

We are happy to talk with you!

Connect with us via social messenger, chat or other legal method!

Last Posts

Let’s connect✌️

You can fill form or write directly to


    We will contact you soon as possible !