Skip to content

READMEelements.md

Latest commit

 

History

History
1389 lines (879 loc) · 38.1 KB

READMEelements.md

File metadata and controls

1389 lines (879 loc) · 38.1 KB

Readme Design Kit

This README design kit consists of various elements to enhance your README profile, including:

Contribution Graph, Stats Cards, Language Cards, Repository Details Cards, Coding Platform Stats Cards, Profile View Counters, Quotes and Jokes Cards, Lines and Waves, Decorations, Animations and Socials.

Simply click on a title to expand the dropdown menu.

To use these elements, copy the provided code below each section and replace "Mayur-Pagote" with your GitHub username.

Contribution Graphs

Contribution Graph 1

<img src = "https://github-readme-activity-graph.vercel.app/graph?username=Mayur-Pagote&theme=react-dark&hide_border=false">

Contribution Graph 2

<img height = "180em" src = "https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=Mayur-Pagote&theme=radical"/>

Contribution Graph 3

<img src="https://ssr-contributions-svg.vercel.app/_/Mayur-Pagote?chart=3dbar&gap=0.6&scale=2&gradient=true&flatten=0&animation=mess&animation_duration=6&animation_loop=true&format=svg&weeks=50&theme=purple&widget_size=large&colors=FF6F61,FF9671,FFC15E,72F2EB,1282A2,FCE2DB,FAD4D8,DBDFFD&dark=true">

Contribution Graph 4

GitHub Contributions Graph 
<div>
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://ssr-contributions-svg.vercel.app/_/Mayur-Pagote?chart=3dbar&gap=0.6&scale=2&flatten=2&animation=wave&animation_duration=4&animation_delay=0.06&animation_amplitude=24&animation_frequency=0.1&animation_wave_center=0_3&format=svg&weeks=34&theme=native&dark=true">
<source media="(prefers-color-scheme: light)" srcset="https://ssr-contributions-svg.vercel.app/_/Mayur-Pagote?chart=3dbar&gap=0.6&scale=2&flatten=2&animation=wave&animation_duration=4&animation_delay=0.06&animation_amplitude=24&animation_frequency=0.1&animation_wave_center=0_3&format=svg&weeks=34&theme=native">
<img alt="GitHub Contributions Graph" src="https://ssr-contributions-svg.vercel.app/_/Mayur-Pagote?chart=3dbar&flatten=1&weeks=34&animation=wave&format=svg&gap=0.6&animation_frequency=0.2&animation_amplitude=20&theme=pink">
</picture>
</div>

Contribution Graph 5

GitHub Contributions Graph 
<img alt="GitHub Contributions Graph" src="https://ssr-contributions-svg.vercel.app/_/Mayur-Pagote?chart=3dbar&flatten=1&weeks=34&animation=wave&format=svg&gap=0.6&animation_frequency=0.2&animation_amplitude=20&theme=pink"/>

Contribution Graph 6

activity-graph graph 
<img src="https://github-readme-activity-graph.vercel.app/graph?username=Mayur-Pagote&radius=16&theme=react&area=true&order=5&custom_title=Contribution%20Graph" height="300" alt="activity-graph graph"  />

Stats Cards

Stats Card 1 (Animated)

<img height="180em" src="https://awesome-github-stats.azurewebsites.net/user-stats/Mayur-Pagote?theme=tokyonight">

Stats Card 2 (Animated)

<img height="180em" src="https://awesome-github-stats.azurewebsites.net/user-stats/Mayur-Pagote?theme=github&cardType=octocat">

Stats Card 3 (Animated)

<img height="180em" src="https://awesome-github-stats.azurewebsites.net/user-stats/Mayur-Pagote?theme=dracula&cardType=level-alternate">

Stats Card 4 (Animated)

<img height="180em" src="https://awesome-github-stats.azurewebsites.net/user-stats/Mayur-Pagote?theme=github-dark&cardType=github">

Stats Card 5

Mayur-Pagote 
<img height="180em" src="https://github-readme-stats.vercel.app/api?username=Mayur-Pagote&show_icons=true&locale=en&theme=tokyonight" alt="Mayur-Pagote"/>

Stats Card 6

Stats 
<img height="180em" src="https://github-stats-alpha.vercel.app/api/?username=Mayur-Pagote" alt ="Stats"/>

Stats Card 7

<img height="180em" src="https://github-readme-stats.vercel.app/api?username=Mayur-Pagote&show=reviews,prs_merged,prs_merged_percentage&show_icons=true&theme=synthwave"/>

Stats Card 8

<img height="180em" src="https://github-readme-stats.vercel.app/api?username=Mayur-Pagote&rank_icon=github&theme=highcontrast">

Stats Card 9

<img height="180em" src="https://github-readme-stats.vercel.app/api?username=Mayur-Pagote&rank_icon=percentile&theme=vision-friendly-dark">

Stats Card 10

<img height="180em" src="https://github-profile-summary-cards.vercel.app/api/cards/stats?username=Mayur-Pagote&theme=2077"/>

Stats Bar Card

GitHub WidgetBox 
<img height="180em" src="https://github-widgetbox.vercel.app/api/profile?username=Mayur-Pagote&data=followers,repositories,stars,commits&theme=dark" alt="GitHub WidgetBox" width="90%" height="0%">

Productive Time

<img height="180em" src="https://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=Mayur-Pagote&theme=transparent"/>

Streak Stats

<img height="180em" src="https://github-readme-streak-stats.herokuapp.com?user=Mayur-Pagote&theme=transparent&hide_border=true&" align="center"/>

Language Cards

Most Used Language Card 1

<img height = "180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Mayur-Pagote&langs_count=5"/>

Most Used Language Card 2

<img height = "180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Mayur-Pagote&layout=compact"/>

Most Used Language Card 3

<img height = "180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Mayur-Pagote&layout=donut-vertical&theme=dark"/>

Most Used Language Card 4

<img height = "180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Mayur-Pagote&layout=pie&theme=merko"/>

Most Used Language Card 5

<img height = "180em" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Mayur-Pagote&hide_progress=true"/>

Top Language By Repo

<img height="180em" src="https://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=Mayur-Pagote&theme=transparent"/>

Most Commit Language

<img height="180em" src="https://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=Mayur-Pagote&theme=transparent"/>

Repository Details Cards

Top Contributed Repo

<img height="180em" src="https://github-contributor-stats.vercel.app/api?username=Mayur-Pagote&limit=5&theme=transparent&hide_border=true&combine_all_yearly_contributions=true"/>

Repo Details

<img src="https://github-readme-stats.vercel.app/api/pin/?username=Mayur-Pagote&repo=README_Design_Kit&theme=dark&title_color=C2FFC7&icon_color=CB9DF0&text_color=ffffff&bg_color=000000"/>

Contributors

<img src="https://contributors-img.web.app/image?repo=Mayur-Pagote/README_Design_Kit"/>

Stargazers - Light

<img src="https://reporoster.com/stars/Mayur-Pagote/README_Design_Kit"/>

Stargazers - Dark

<img src="https://reporoster.com/stars/dark/Mayur-Pagote/README_Design_Kit"/>

Forkers - Light

<img src="https://reporoster.com/forks/Mayur-Pagote/README_Design_Kit"/>

Forkers - Dark

<img src="https://reporoster.com/forks/dark/Mayur-Pagote/README_Design_Kit"/>

Contributor List

<img src="https://api.vaunt.dev/v1/github/entities/Mayur-Pagote/repositories/README_Design_Kit/contributors?format=svg&limit=54" width="700" height="250" />

Coding Platform Stats Cards

Leetcode Stats 1

<img height="180em" src="https://leetcard.jacoblin.cool/Demo-Contributer?theme=dark&font=Josefin%20Slab&ext=heatmap"/>

Leetcode Stats 2

<img height="180em" src="https://leetcard.jacoblin.cool/Demo-Contributer?ext=contest&theme=dark"/>

Leetcode Stats 3

<img height="180em" src="https://leetcard.jacoblin.cool/Demo-Contributer?ext=heatmap&theme=wtf&font=M+PLUS+Rounded+1c&border=2&radius=20"/>

GFG Stats

<img height="180em" src="https://geeks-for-geeks-stats-card.vercel.app/?username=democontributer"/>

Codeforces Stats

<img height="180em" src="https://codeforces-readme-stats.vercel.app/api/card?username=DemoContributer"/>

Profile Views Counter

Profile Views Counter 1

visitor badge 
<img src="https://profile-counter.glitch.me/%7BMayur-Pagote10%7D/count.svg" alt="visitor badge"/>

Profile Views Counter 2

<img src="https://komarev.com/ghpvc/?username=Mayur-Pagote&abbreviated=true"/>

Profile Views Counter 3

<img src="https://komarev.com/ghpvc/?username=Mayur-Pagote&style=for-the-badge"/>

Profile Views Counter 4

<img src="https://count.getloli.com/get/@Mayur-Pagote?theme=rule34"/>

Profile Views Counter 3

<img src="https://hits.sh/github.com/Mayur-Pagote/hits.svg?style=plastic&label=Visitors&color=purple&labelColor=indigo&logo=github">

Quotes and Jokes Cards

Quotes 1

<img height="180em" src="https://github-readme-quotes-bay.vercel.app/quote?theme=dark&layout=churchill&font=Gabrielle&animation=grow_out_in"/>

Quotes 2

<img height="180em" src="https://github-readme-quotes-bay.vercel.app/quote?theme=dark&animation=default&layout=samuel&font=default&quoteType=random&bgColor=black"/>

Quotes 3

<img height="180em" src="https://quotes-github-readme.vercel.app/api?type=horizontal&theme=radical"/>

Quotes 4

<img height="180em" src="https://github-readme-quotes-bay.vercel.app/quote?theme=dark&animation=default&layout=zues&font=default&quoteType=random&bgColor=black"/>

Jokes

<img height="180em" src="https://readme-jokes.vercel.app/api?hideBorder&theme=dark&qColor=%23944bcc&aColor=%23bbdb51"/>

GitAnimals

Note: To own a pet or learn more about this, please refer to this link https://github.com/git-goods/gitanimals.

Line Mode

<a href="https://www.gitanimals.org/en_US?utm_medium=image&utm_source=Mayur-Pagote&utm_content=line">
  <img
    src="https://render.gitanimals.org/lines/Mayur-Pagote"
    width="600"
    height="120"
  />
</a>

Farm Mode

<a href="https://www.gitanimals.org/en_US?utm_medium=image&utm_source=Mayur-Pagote&utm_content=farm">
<img
  src="https://render.gitanimals.org/farms/Mayur-Pagote"
  width="600"
  height="300"
/>
</a>

Guild Mode

gitanimals 
<a href="https://www.gitanimals.org/">
      <img
        src="https://render.gitanimals.org/guilds/673932991743754174/draw"
        width="600"
        height="300"
        alt="gitanimals"
      />
    </a>

Lines and Waves

RGB Line Thin

 <img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/ff67bec3b85c96bfeb4406e7d9d4b593147d16c5/Assets/RGB%20Line%20Thin.gif" width="1000" height="2" />

RGB Line Medium

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/aa28326300247d989c9f7c2eeb177f59577d785b/Assets/RGB%20Line%20Medium.gif" width="100%">

RGB Line Thick

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/730d340c8008758ac291ebc555f818f851feda0f/Assets/RGB%20Line%20Thick.gif" width="100%" />

Blue Line

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/ddf2e61e40a672d5148927e186f409efbda38ef5/Assets/Blue%20Line.gif" width="100%" height="2px" />

Blue Line Thick

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/ddf2e61e40a672d5148927e186f409efbda38ef5/Assets/Blue%20Line.gif" width="100%">

Blue Pink Line

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/4c8a729bb53e68ad274c9a854060a273949a6d35/Assets/Blue%20Pink%20Line.gif" width="100%">

Starlight Line

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/45123f007c79aa8d0c8d9b11b3ff72d6bf4744c7/Assets/Star%20Light%20Line.gif" width="100%">

Multicolor Static Line

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/1bb0f2254d2034e5769544f497e47f01b3b9b571/Assets/Multicolor%20Static%20Line.png" width="100%">

Multicolor Segregated Line

<img src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/1bb0f2254d2034e5769544f497e47f01b3b9b571/Assets/Multicolor%20Segregated%20Line.png" width="100%">

Wave 1

<img src="https://capsule-render.vercel.app/api?type=waving&color=gradient&height=90&section=header" width="100%"/>

Wave 2

<img src="https://capsule-render.vercel.app/api?type=waving&color=gradient&height=100&section=footer" width="100%"/>

Decorations

Wing Left

<img height="150" width="150" src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/04381e30cf956503e49302a2b1feff0abe3066ec/Assets/Wing%20Left.png">

Wing Right

 <img height="150" width="150" src="https://github.com/Mayur-Pagote/README_Design_Kit/blob/04381e30cf956503e49302a2b1feff0abe3066ec/Assets/Wing%20Right.png">

Animations

Typing SVG

https://readme-typing-svg.demolab.com/demo/

Gmail Thug

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/4bd65340f9697f050c2b121dcf6adad5b1faf419/Assets/Gmail%20Thug.gif" width="75px" height="75">

Plumber

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/db72bcb2057105d8f0df1171c30e27ad5acb5084/Assets/Plumber.gif" width="75px" height="75">

Pixel Cat

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/db72bcb2057105d8f0df1171c30e27ad5acb5084/Assets/Pixel%20Cat.gif" width="75px" height="75">

Kyubey

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/db72bcb2057105d8f0df1171c30e27ad5acb5084/Assets/Kyubey.gif" width="75px" height="75">

Rabit Happy

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/7425c4548ea3e506d3c671fb5098d3cd6d7ca43a/Assets/Rabit%20Happy.gif" width="75px" height="75">

Professional Handshake

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/726b586734064d91ba689f63041b3f87a7c1a36d/Assets/Professional%20Handshake.gif" width="75px" height="75">

Hand Waving

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/726b586734064d91ba689f63041b3f87a7c1a36d/Assets/Hand%20Waving.gif" width="75px" height="75">

Emoji

Thinking Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/beb70163ec5b93d0acf865b4a58851b753844366/Assets/Thinking%20Face.png" width="75px" height="75">

Nerd Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/beb70163ec5b93d0acf865b4a58851b753844366/Assets/Nerd%20Face.png" width="75px" height="75">

Confused Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/beb70163ec5b93d0acf865b4a58851b753844366/Assets/Confused%20Face.png" width="75px" height="75">

Sleeping Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/sleeping.png" width="75px" height="75">

Yawning Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/Yawn.png" width="75px" height="75">

Shocked Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/Shocked.png" width="75px" height="75">

Upside-Down Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/upsidedown.png" width="75px" height="75">

Smart Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/smart.png" width="75px" height="75">

Smiling Face

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/Smiling.png" width="75px" height="75">

Not Interested

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/notinterested.png" width="75px" height="75">

Firm Hand Waving

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/664b912c007df30986846e67f4b42c9439fc8737/Assets/Firm%20Hand%20Waving.png" width="75px" height="75">

Firm Handshake

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/664b912c007df30986846e67f4b42c9439fc8737/Assets/Firm%20Handshake.png" width="75px" height="75">

Writing

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/d9992ffc7f730e9a7f52f28e29cbc4262ba36345/Assets/Writing.png" width="75px" height="75">

Musical Notes

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/7425c4548ea3e506d3c671fb5098d3cd6d7ca43a/Assets/Musical%20Notes.png" width="75px" height="75">

Roboto

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/7425c4548ea3e506d3c671fb5098d3cd6d7ca43a/Assets/Roboto.png" width="75px" height="75">

Rocket

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/d9992ffc7f730e9a7f52f28e29cbc4262ba36345/Assets/Rocket.png" width="75px" height="75">

Spiral

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/d9992ffc7f730e9a7f52f28e29cbc4262ba36345/Assets/Spiral.png" width="75px" height="75">

Star

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/d9992ffc7f730e9a7f52f28e29cbc4262ba36345/Assets/Star.png" width="75px" height="75">

Heart and Fire

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/3892af4a12972ede602e19b35c01fa209d8bfd9f/Assets/Heart%20and%20Fire.png" width="75px" height="75">

Hot Cup

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/3892af4a12972ede602e19b35c01fa209d8bfd9f/Assets/Hot%20Cup.png" width="75px" height="75">

Hourglass

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/3892af4a12972ede602e19b35c01fa209d8bfd9f/Assets/Hourglass.png" width="75px" height="75">

Man Technologist

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/3892af4a12972ede602e19b35c01fa209d8bfd9f/Assets/Man%20Technologist.png" width="75px" height="75">

Comet

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/1e8184a44321696d525db21948edc79a2426b27d/Assets/Comet.png" width="75px" height="75">

Eyes

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/1e8184a44321696d525db21948edc79a2426b27d/Assets/Eyes.png" width="75px" height="75">

Flame

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/1e8184a44321696d525db21948edc79a2426b27d/Assets/Flame.png" width="75px" height="75">

Flexed Biceps

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/1e8184a44321696d525db21948edc79a2426b27d/Assets/Flexed%20Biceps.png" width="75px" height="75">

Alien Monster

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/8bd29cfac721558293f4a9f446d88a4b45c46223/Assets/Alien%20Monster.png" width="75px" height="75">

Brain

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/8bd29cfac721558293f4a9f446d88a4b45c46223/Assets/Brain.png" width="75px" height="75">

Bug

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/8bd29cfac721558293f4a9f446d88a4b45c46223/Assets/Bug.png" width="75px" height="75">

Socials

Animated LinkedIn

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/linkedin.gif" width="100">

Animated Instagram

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/instagram.gif" width="100">

Animated Discord

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/discord.gif" width="100">

Animated Facebook

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/facebook.gif" width="100">

LinkedIn

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/linkedin-1.png" width="100">

Instagram

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/instagram-1.webp" width="100">

Discord

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/discord-1.png" width="100">

Facebook

<img src = "https://github.com/Mayur-Pagote/README_Design_Kit/blob/main/public/Assets/facebook-1.png" width="100">

Inspiration
  • Tarikul Islam Anik
  • Jonah Lawrence
  • Anurag Hazra
  • Ashutosh Dwivedi
  • Rahul Jha
  • shravan || श्रvan
  • Abhinav Sharma
  • nastyox
  • kyechan99
  • Bruno Brito
  • Jonah Lawrence
  • git-goods