I created Git-Widget for websites/blogs.

Showcase your project's open-source timeline on their websites/blogs using git-widget.

Check it out

Usage

- Via Script

    <git-widget data-projectid="Pika1998/CYOMS"></git-widget>
    <!-- Place script tag before the end of the body tag -->
    <script src="https://unpkg.com/git-widget@1.0.0/dist/card.component.mjs" type="module"></script>

- Via NPM

This can be used in React, Vue and almost any other frontend framework

npm install --save git-widget

Inside your framework component

import 'git-widget'

Then you can use

    <git-widget data-projectid="Pika1998/CYOMS"></git-widget>

Check out the detailed documentation at

prafulla-codes / Git-Widget

Showcase your projects on their official websites/blogs. 👨‍💻👩‍💻

Git Widget

Showcase your projects on their official websites/blogs. 👨‍💻👩‍💻

A Detailed timeline of contributions done on your project. 💖

Codepen - https://codepen.io/Prafulla1998/pen/OJVNzxP

Installation & Usage

You can install git-widget using two ways.

1 - Using Script

    <git-widget data-projectid="Pika1998/CYOMS"></git-widget>
    <!-- Place script tag before the end of the body tag -->
    <script src="https://unpkg.com/git-widget@1.0.0/dist/card.component.mjs" type="module"></script>

2 - As NPM Module

This can be used in React, Vue and almost any other frontend framework

npm install --save git-widget

Inside your framework component

import 'git-widget'

Attributes

attributes	description	default
data-projectid	< Your Github UserID > / < Project you want to showcase>
data-width	Width of the card	400px
data-height	Height of the card	500px

Changelog

RELEASES

Contribution

Feel free to contribute to git widget, checkout CONTRIBUTING.md

View on GitHub

Github - https://github.com/Pika1998/Git-Widget
NPM - https://npmjs.org/package/git-widget
Codepen - https://codepen.io/Prafulla1998/pen/OJVNzxP

Feel free to make contributions to the project 💖 and 🌟 the repository.

Comments

[Ben Sinclair]

Nice, but I think it would be better named "github-widget" unless you plan on making it support git URLs in general.

[Prafulla Raichurkar]

Hey thanks 💖.
Sure I'll consider this.😃

[Oscar]

I'm with Ben. This isn't a git-widget but a github-widget.

[Farooq khan]

Really impressed with Your git-widget .
I'd love to see more changes coming into your project.

[Prafulla Raichurkar]

Thank you so much 💖, sure will add more changes.😁

[Augusto Peres]

This looks amazing! Great work!

[Prafulla Raichurkar]

Thank you so much 💖