Skip to content

Repository files navigation

image

[✨] Beautiful, dynamic widgets for GitHub Readme pages. (Statistics, Skills, etc.)



Widgets

Skills

A clear way to give an overview of programming languages, tools, and software that you're familiar with.

Languages

Default &includeNames=true
GitWidgets GitWidgets
[![GitWidgets](https://git-widgets.vercel.app/api/skills?languages=js,ts,java,php,python,html,css,c,cpp,csharp,swift,rust,ruby,kotlin,erlang,dart,go,scala,elm,bash,r,xml,json,yaml,postgresql,mysql,haskell,powershell,lua,visualbasic,x86,arm,groovy,perl,solidity,fortran,sass,graphql,clojure,clojurescript,markdown)](https://github.com/LeGi0N09/GitWidgets)

Frameworks

Default &includeNames=true
GitWidgets GitWidgets
[![GitWidgets](https://git-widgets.vercel.app/api/skills?frameworks=vue,react,nuxt,next,django,flutter,electron,bootstrap,gatsby,nest,tailwind,windi,express,svelte,angular,dotnetcore,laravel,ionic,dotnet)](https://github.com/LeGi0N09/GitWidgets)

Libraries

Default &includeNames=true
GitWidgets GitWidgets
[![GitWidgets](https://git-widgets.vercel.app/api/skills?libraries=babel,p5,tensorflow,jquery)](https://github.com/LeGi0N09/GitWidgets)

Tools

Default &includeNames=true
GitWidgets GitWidgets
[![GitWidgets](https://git-widgets.vercel.app/api/skills?tools=git,docker,npm,yarn,webpack,gulp,firebase,mongodb,wordpress,shopify,woocommerce,vercel,redis,nodejs,heroku,apache,nginx,aws,jupyter,gradle,prettier)](https://github.com/LeGi0N09/GitWidgets)

Software & IDE's

Default &includeNames=true
GitWidgets GitWidgets
[![GitWidgets](https://git-widgets.vercel.app/api/skills?software=linux,windows,vscode)](https://github.com/LeGi0N09/GitWidgets)



Profile

Show off your profile with some interesting statistics. Perfect for profile READMEs.

&data=followers,repositories,stars,commits GitWidgets

[![GitWidgets](https://git-widgets.vercel.app/api/profile?username=LeGi0N09&data=followers%2Crepositories%2Cstars%2Ccommits)](https://github.com/LeGi0N09/GitWidgets)



Profile Banner

A wide banner card showing your avatar, display name, GitHub handle, bio, and key stats. Perfect for the top of a profile README.

&username=LeGi0N09 GitWidgets

[![GitWidgets](https://git-widgets.vercel.app/api/profile-banner?username=LeGi0N09)](https://github.com/LeGi0N09/GitWidgets)

With theme and custom width:

[![GitWidgets](https://git-widgets.vercel.app/api/profile-banner?username=LeGi0N09&theme=darkmode&width=600)](https://github.com/LeGi0N09/GitWidgets)



Profile Tag

A compact badge showing your avatar, display name, and GitHub handle. Great for inline use in READMEs.

&username=LeGi0N09 GitWidgets

[![GitWidgets](https://git-widgets.vercel.app/api/profile-tag?username=LeGi0N09)](https://github.com/LeGi0N09/GitWidgets)

With theme:

[![GitWidgets](https://git-widgets.vercel.app/api/profile-tag?username=LeGi0N09&theme=darkmode)](https://github.com/LeGi0N09/GitWidgets)



Skill Tag

A compact badge for a single skill. Great for inline use in READMEs.

&skill=react GitWidgets

[![GitWidgets](https://git-widgets.vercel.app/api/skill-tag?skill=react)](https://github.com/LeGi0N09/GitWidgets)

With theme:

[![GitWidgets](https://git-widgets.vercel.app/api/skill-tag?skill=python&theme=darkmode)](https://github.com/LeGi0N09/GitWidgets)

Supports all the same skill names as the Skills widget (languages, frameworks, libraries, tools, software).



Commit Streak

Show off your commit streak with current streak, longest streak, and total contributions.

&username=LeGi0N09 GitWidgets

[![GitWidgets](https://git-widgets.vercel.app/api/streak?username=LeGi0N09)](https://github.com/LeGi0N09/GitWidgets)

With theme:

[![GitWidgets](https://git-widgets.vercel.app/api/streak?username=LeGi0N09&theme=darkmode)](https://github.com/LeGi0N09/GitWidgets)



Themes

GitWidgets supports a great variety of different themes for all widgets, like the ones below. You can check out more examples in themes.md, or have a look at all themes in the themes.ts file. Feel free to create your own theme(s) and add them to that themes.ts file.

&theme=darkmode

darkmode default
GitWidgets GitWidgets
viridescent carbon
GitWidgets GitWidgets
nautilus serika
GitWidgets GitWidgets
[![GitWidgets](https://git-widgets.vercel.app/api/profile?username=LeGi0N09&data=followers%2Crepositories%2Cstars%2Ccommits&theme=nautilus)](https://github.com/LeGi0N09/GitWidgets)



TO-DO

  • Fix skills text being off-center
  • Add themes (dark mode)
  • Add Skills: Tools & Frameworks widget
  • Add Skills: Software & IDEs widget
  • Make autobuilder instead of manual build and push
  • Count organization repositories (+ their stars)
  • Truncate name if too long on profile widget
  • Make all widgets a modular size
  • Add Profile Tag widget
  • Add Skill Tag widget
  • Add Commit Streak widget
  • Add Twitter widget
  • Add LinkedIn widget
  • Add Instagram widget
  • Add YouTube widget
  • Add Portfolio website widget
  • Add Project link widget
  • Add Profile banner widget
  • Add Stats widget

About

# GitWidgets Beautiful, dynamic widgets for GitHub README pages - Display your skills, profile stats, and more with customizable themes

Topics

Resources

Code of conduct

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages