https://github.com/ptkdev-components/webcomponent-instagram-widget

🖼 Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.
https://github.com/ptkdev-components/webcomponent-instagram-widget

custom-elements igwidget instagram instagram-box instagram-photos instagram-profile instagram-widget shadow-dom webcomponents

Last synced: about 4 hours ago
JSON representation

🖼 Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.

• Host: GitHub
• URL: https://github.com/ptkdev-components/webcomponent-instagram-widget
• Owner: ptkdev-components
• License: other
• Created: 2020-04-26T19:49:29.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T20:49:47.000Z (over 1 year ago)
• Last Synced: 2024-11-02T00:08:57.366Z (13 days ago)
• Topics: custom-elements, igwidget, instagram, instagram-box, instagram-photos, instagram-profile, instagram-widget, shadow-dom, webcomponents
• Language: JavaScript
• Homepage: https://npmjs.com/package/@ptkdev/webcomponent-instagram-widget
• Size: 12.1 MB
• Stars: 77
• Watchers: 4
• Forks: 9
• Open Issues: 51
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 🌉 WebComponent: Instagram Widget

[![](https://img.shields.io/badge/version-v2.9.0-lightgrey.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/releases) [![](https://img.shields.io/npm/v/@ptkdev/webcomponent-instagram-widget.svg)](https://www.npmjs.com/package/@ptkdev/webcomponent-instagram-widget) [![](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/blob/master/LICENSE.md) [![](https://img.shields.io/badge/ES-9-F7DF1E.svg)](https://wikipedia.org/wiki/ECMAScript) [![](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget/badge.svg)](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget) [![](https://discordapp.com/api/guilds/383373985666301975/embed.png)](http://discord.ptkdev.io)

Last 9 Photos: Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.

> ⛔ **DISCLAIMER**: This is an **unofficial** instagram library and offers no warranty! All trademarks and logos belong to their respective owners.

## 🎁 Support: Donate

> This project is **free**, **open source** and I try to provide excellent **free support**. Why donate? I work on this project several hours in my spare time and try to keep it up to date and working. **THANK YOU!**

[![](https://img.shields.io/badge/donate-paypal-005EA6.svg?logo=paypal)](https://www.paypal.me/ptkdev) [![](https://img.shields.io/badge/donate-patreon-F87668.svg?logo=patreon)](https://www.patreon.com/ptkdev) [![](https://img.shields.io/badge/donate-sponsors-ea4aaa.svg?logo=github)](https://github.com/sponsors/ptkdev/) [![](https://img.shields.io/badge/donate-ko--fi-29abe0.svg?logo=ko-fi)](https://ko-fi.com/ptkdev)

![](https://img.shields.io/badge/bitcoin-35jQmZCy4nsxoMM3QPFrnZePDVhdKaHMRH-E38B29.svg?logo=bitcoin) ![](https://img.shields.io/badge/ethereum-0x8b8171661bEb032828e82baBb0B5B98Ba8fBEBFc-4E8EE9.svg?logo=ethereum)

## 📎 Menu

-   💡 [Features](#-features)

-   🕹 [Demo](https://codepen.io/ptkdev/pen/WNQOYqy)

-   👔 [Screenshot](#-screenshot)

-   🚀 [How to use](#-installation)

-   -   🌎 [Web](#-installation-web)

-   -   📦 [Webpack/Browserify](#-installation-npm-module---browserifywebpack)

-   -   📖 [Wordpress](#-installation-wordpress)

-   -   ⚛️ [React](#%EF%B8%8F-installation-react)

-   -   🅰️ [Angular](#🅰%EF%B8%8F-installation-angular)

-   📚 [Documentation](#-documentation)

-   -   🧰 [Options / Attributes](#-options--attributes)

-   -   🎨 [CSS Customization](#-css-customization)

-   🔨 [Developer Mode](#-developer-mode)

-   👨‍💻 [Contributing](#-contributing)

-   🐛 [Known Bugs](https://github.com/ptkdev-components/webcomponent-instagram-widget/issues?q=is%3Aopen+is%3Aissue+label%3Abug)

-   🍻 Community:

    -    [Discord](http://discord.ptkdev.io) ([🇬🇧 English Channel](https://discord.gg/YkMG26f) | [🇮🇹 Italian Channel](https://discord.gg/HFtdBAJ) | [🇵🇱 Polish Channel](https://discord.gg/TV5EXFd))

## 💡 Features

-   [✔️] Easy to use

-   [✔️] MIT License

-   [✔️] Without jQuery depencence

-   [✔️] Configurable with attributes

-   [✔️] Customization with CSS Style

-   [✔️] Work with: Browserify / Webpack / ReactJS / Angular / Wordpress

-   [✔️] Photos Widget of your Instagram Profile for your blog or website with this WebComponent

-   [✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)

## 👔 Screenshot

See [Demo here](https://codepen.io/ptkdev/pen/WNQOYqy). Photos from @ptkdev account:

[![WebComponent: InstagramWidget ](https://raw.githubusercontent.com/ptkdev-components/webcomponent-instagram-widget/nightly/.github/assets/screenshot/webcomponent-instagram-widget-screen1.png?)](https://raw.githubusercontent.com/ptkdev-components/webcomponent-instagram-widget/nightly/.github/assets/screenshot/webcomponent-instagram-widget-screen1.png)

## 🚀 Installation (Web)

1. Add html code to your page (and replace `@ptkdev` with your instagram username):

```html

```

2. Require javascript in yourpage (before `