Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/Jurredr/github-widgetbox

[✨] Beautiful, dynamic widgets for GitHub Readme pages. (Statistics, Skills, etc.)
https://github.com/Jurredr/github-widgetbox

github-profile languages profile profile-readme readme skills statistics widgets

Last synced: 21 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/Jurredr/github-widgetbox
Owner: Jurredr
License: mit
Created: 2021-06-06T10:26:40.000Z (about 3 years ago)
Default Branch: master
Last Pushed: 2024-01-09T13:20:51.000Z (6 months ago)
Last Synced: 2024-02-24T07:33:08.197Z (4 months ago)
Topics: github-profile, languages, profile, profile-readme, readme, skills, statistics, widgets
Language: TypeScript
Homepage: https://github-widgetbox.vercel.app/
Size: 564 KB
Stars: 200
Watchers: 3
Forks: 19
Open Issues: 6
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md

Lists

my-awesome-stars - Jurredr/github-widgetbox - [✨] Beautiful, dynamic widgets for GitHub Readme pages. (Statistics, Skills, etc.) (TypeScript)

README

        ![image](https://user-images.githubusercontent.com/62119716/165963936-dc518c49-69b6-4106-aadb-26f15346df03.png)

 



[✨] 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

:-------------------------:|:-------------------------:

[![GitHub WidgetBox](https://github-widgetbox.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/Jurredr/github-widgetbox)  |  [![GitHub WidgetBox](https://github-widgetbox.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&includeNames=true)](https://github.com/Jurredr/github-widgetbox)

```md

[![GitHub WidgetBox](https://github-widgetbox.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/Jurredr/github-widgetbox)

```

#### Frameworks

Default             |  &includeNames=true

:-------------------------:|:-------------------------:

[![GitHub WidgetBox](https://github-widgetbox.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/Jurredr/github-widgetbox)  |  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/skills?frameworks=vue,react,nuxt,next,django,flutter,electron,bootstrap,gatsby,nest,tailwind,windi,express,svelte,angular,dotnetcore,laravel,ionic,dotnet&includeNames=true)](https://github.com/Jurredr/github-widgetbox)

```md

[![GitHub WidgetBox](https://github-widgetbox.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/Jurredr/github-widgetbox)

```

#### Libraries

Default             |  &includeNames=true

:-------------------------:|:-------------------------:

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/skills?libraries=babel,p5,tensorflow,jquery)](https://github.com/Jurredr/github-widgetbox)  |  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/skills?libraries=babel,p5,tensorflow,jquery&includeNames=true)](https://github.com/Jurredr/github-widgetbox)

```md

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/skills?libraries=babel,p5,tensorflow,jquery)](https://github.com/Jurredr/github-widgetbox)

```

#### Tools

Default             |  &includeNames=true

:-------------------------:|:-------------------------:

[![GitHub WidgetBox](https://github-widgetbox.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/Jurredr/github-widgetbox)  |  [![GitHub WidgetBox](https://github-widgetbox.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&includeNames=true)](https://github.com/Jurredr/github-widgetbox)

```md

[![GitHub WidgetBox](https://github-widgetbox.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/Jurredr/github-widgetbox)

```

#### Software & IDE's

Default             |  &includeNames=true

:-------------------------:|:-------------------------:

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/skills?software=linux,windows,vscode)](https://github.com/Jurredr/github-widgetbox)  |  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/skills?software=linux,windows,vscode&includeNames=true)](https://github.com/Jurredr/github-widgetbox)

```md

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/skills?software=linux,windows,vscode)](https://github.com/Jurredr/github-widgetbox)

```





### Profile

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

`&data=followers,repositories,stars,commits`           

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits)](https://github.com/Jurredr/github-widgetbox)

```md

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits)](https://github.com/Jurredr/github-widgetbox)

```





### Themes

GitHub WidgetBox supports a great variety of different themes for all widgets, like the ones below. 

You can check out more examples in [themes.md](https://github.com/Jurredr/github-widgetbox/blob/master/THEMES.md), or have a look at all themes in the [themes.ts](https://github.com/Jurredr/github-widgetbox/blob/9bd0e12a8a79b44b1e714f0c74aa3704091a0360/src/data/themes.ts) file. Feel free to create your own theme(s) and add them to that `themes.ts` file. Make sure to create a PR afterwards to share it with everyone else!

`&theme=darkmode`

darkmode             |  default

:-------------------------:|:-------------------------:       

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits&theme=darkmode)](https://github.com/Jurredr/github-widgetbox) |  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits&theme=default)](https://github.com/Jurredr/github-widgetbox)


viridescent             |  carbon

:-------------------------:|:-------------------------:

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits&theme=viridescent)](https://github.com/Jurredr/github-widgetbox) |  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits&theme=carbon)](https://github.com/Jurredr/github-widgetbox)


nautilus             |  serika

:-------------------------:|:-------------------------:

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits&theme=nautilus)](https://github.com/Jurredr/github-widgetbox) |  [![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits&theme=serika)](https://github.com/Jurredr/github-widgetbox)

```md

[![GitHub WidgetBox](https://github-widgetbox.vercel.app/api/profile?username=Jurredr&data=followers,repositories,stars,commits&theme=nautilus)](https://github.com/Jurredr/github-widgetbox)

```





## TO-DO

* [x] Fix skills text being off-center

* [x] Add themes (dark mode)

* [x] Add Skills: Tools & Frameworks widget

* [x] 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