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: 2 months 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 (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-06T20:49:47.000Z (over 2 years ago)
- Last Synced: 2025-03-26T05:23:26.000Z (3 months 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: 3
- 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://github.com/ptkdev-components/webcomponent-instagram-widget/releases) [](https://www.npmjs.com/package/@ptkdev/webcomponent-instagram-widget) [](https://github.com/ptkdev-components/webcomponent-instagram-widget/blob/master/LICENSE.md) [](https://wikipedia.org/wiki/ECMAScript) [](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget) [](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://www.paypal.me/ptkdev) [](https://www.patreon.com/ptkdev) [](https://github.com/sponsors/ptkdev/) [](https://ko-fi.com/ptkdev)
 
## 📎 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:
[](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 `