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

Patryk Rzucidlo (PTKDev)

<p>🌉 WebComponent: Instagram Widget</p>
<p><a href="https://github.com/ptkdev-components/webcomponent-instagram-widget/releases" rel="nofollow ugc"></a> <a href="https://www.npmjs.com/package/@ptkdev/webcomponent-instagram-widget" rel="nofollow ugc"></a> <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget/blob/master/LICENSE.md" rel="nofollow ugc"></a> <a href="https://wikipedia.org/wiki/ECMAScript" rel="nofollow ugc"></a> <a href="https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget" rel="nofollow ugc"></a> <a href="http://discord.ptkdev.io" rel="nofollow ugc"></a></p>
<p>Last 9 Photos: Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.</p>
<blockquote>
<p>⛔ <strong>DISCLAIMER</strong>: This is an <strong>unofficial</strong> instagram library and offers no warranty! All trademarks and logos belong to their respective owners.</p>
</blockquote>
<h3>📎 Menu</h3>
<ul>
<li>💡 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-features" rel="nofollow ugc">Features</a></li>
<li>🕹 <a href="https://codepen.io/ptkdev/pen/WNQOYqy" rel="nofollow ugc">Demo</a></li>
<li>👔 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-screenshot" rel="nofollow ugc">Screenshot</a></li>
<li>🚀 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation" rel="nofollow ugc">How to use</a></li>
<li>
<ul>
<li>🌎 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation-web" rel="nofollow ugc">Web</a></li>
</ul>
</li>
<li>
<ul>
<li>📦 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation-npm-module---browserifywebpack" rel="nofollow ugc">Webpack/Browserify</a></li>
</ul>
</li>
<li>
<ul>
<li>📖 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation-wordpress" rel="nofollow ugc">WordPress</a></li>
</ul>
</li>
<li>
<ul>
<li>⚛️ <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#%EF%B8%8F-installation-react" rel="nofollow ugc">React</a></li>
</ul>
</li>
<li>
<ul>
<li>🅰️ <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#🅰%EF%B8%8F-installation-angular" rel="nofollow ugc">Angular</a></li>
</ul>
</li>
<li>📚 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-documentation" rel="nofollow ugc">Documentation</a></li>
<li>
<ul>
<li>🧰 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-options--attributes" rel="nofollow ugc">Options / Attributes</a></li>
</ul>
</li>
<li>
<ul>
<li>🎨 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-css-customization" rel="nofollow ugc">CSS Customization</a></li>
</ul>
</li>
<li>🔨 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-developer-mode" rel="nofollow ugc">Developer Mode</a></li>
<li>👨‍💻 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-contributing" rel="nofollow ugc">Contributing</a></li>
<li>🐛 <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget/issues?q=is%3Aopen+is%3Aissue+label%3Abug" rel="nofollow ugc">Known Bugs</a></li>
<li>🍻 Community:
<ul>
<li> <a href="http://discord.ptkdev.io" rel="nofollow ugc">Discord</a> (<a href="https://discord.gg/YkMG26f" rel="nofollow ugc">🇬🇧 English Channel</a> | <a href="https://discord.gg/HFtdBAJ" rel="nofollow ugc">🇮🇹 Italian Channel</a> | <a href="https://discord.gg/TV5EXFd" rel="nofollow ugc">🇵🇱 Polish Channel</a>)</li>
</ul>
</li>
</ul>
<h3>💡 Features</h3>
<ul>
<li>[✔️] Easy to use</li>
<li>[✔️] MIT License</li>
<li>[✔️] Without jQuery depencence</li>
<li>[✔️] Configurable with attributes</li>
<li>[✔️] Work with: Browserify / Webpack / ReactJS / Angular / WordPress</li>
<li>[✔️] Photos Widget of your Instagram Profile for your blog or website with this WebComponent</li>
<li>[✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)</li>
</ul>
<h3>📖 Installation</h3>
<ol>
<li>Download wordpress-plugin and install it.</li>
<li>
<p>Add code to your html widget, example: <code>Appearance</code> –> <code>Widget</code> –> insert <code>HTML Widget</code> and paste html code:</p>
<p><code><instagram-widget username="@ptkdev" grid="3x3"><br />
</instagram-widget></code></p>
</li>
</ol>
<p>NOTE: Replace <code>@ptkdev</code> with your instagram username. More settings are available <a href="https://github.com/ptkdev-components/webcomponent-instagram-widget#-options--attributes" rel="nofollow ugc">here</a>.</p>
<p>You can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.</p>


Alternatives to Last 9 Photos – WebComponent

Top alternatives