Hey Everyone! So I made an (Unofficial) DEV.to widget / profile-card which you can use in your websites and blogs (You just have to copy-paste 2 lines of code :D).

Here's how it looks like

Usage ( JUST 2 LINES OF CODE :D )

    <dev-widget data-username="saurabhdaware"></dev-widget>    <!-- Place script tag before the end of the body tag -->    <script src="https://unpkg.com/[email protected]/dist/card.component.mjs" type="module"></script>

And BOOM that's it! Just put your dev.to username in data-username attribute and you will get your profile card :D

If you want to install it as ES6 module (Mostly used in frameworks)

npm install --save dev-widget

and import at the top of your file

import 'dev-widget'

Then you can use

<dev-widget data-username="saurabhdaware"></dev-widget>

There are some other attributes like data-width, data-limit You can checkout full documentation on my GitHub:

    <dev-widget data-username="saurabhdaware"></dev-widget&gt    <!-- Place script tag before the end of the body tag -->    <script src="https://unpkg.com/[email protected]/dist/card.component.mjs" type="module"></script>

npm install --save dev-widget

import 'dev-widget'

Do the repository

Also, for the hacktoberfest, if anyone wants to contribute to this project, I would love to help. You can checkout CONTRIBUTING.md for contribution guidelines.