{"id":20388166,"url":"https://github.com/ptkdev-components/webcomponent-instagram-widget","last_synced_at":"2025-09-06T04:41:42.097Z","repository":{"id":38461446,"uuid":"259119562","full_name":"ptkdev-components/webcomponent-instagram-widget","owner":"ptkdev-components","description":"🖼 Simple Instagram Widget: Photos Box of your Instagram Profile for your blog or website with this WebComponent.","archived":false,"fork":false,"pushed_at":"2023-03-06T20:49:47.000Z","size":12642,"stargazers_count":77,"open_issues_count":51,"forks_count":9,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-08-28T14:57:40.682Z","etag":null,"topics":["custom-elements","igwidget","instagram","instagram-box","instagram-photos","instagram-profile","instagram-widget","shadow-dom","webcomponents"],"latest_commit_sha":null,"homepage":"https://npmjs.com/package/@ptkdev/webcomponent-instagram-widget","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ptkdev-components.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["ptkdev"],"patreon":"ptkdev","ko_fi":"ptkdev"}},"created_at":"2020-04-26T19:49:29.000Z","updated_at":"2025-03-06T04:54:50.000Z","dependencies_parsed_at":"2024-06-21T16:41:54.044Z","dependency_job_id":"0bac69b0-0376-4638-b9cd-7c8edf522de1","html_url":"https://github.com/ptkdev-components/webcomponent-instagram-widget","commit_stats":{"total_commits":63,"total_committers":2,"mean_commits":31.5,"dds":"0.031746031746031744","last_synced_commit":"604e41dca84f654eee6c3f8f7d40432b499b124d"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"purl":"pkg:github/ptkdev-components/webcomponent-instagram-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev-components%2Fwebcomponent-instagram-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev-components%2Fwebcomponent-instagram-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev-components%2Fwebcomponent-instagram-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev-components%2Fwebcomponent-instagram-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ptkdev-components","download_url":"https://codeload.github.com/ptkdev-components/webcomponent-instagram-widget/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev-components%2Fwebcomponent-instagram-widget/sbom","scorecard":{"id":748827,"data":{"date":"2025-08-11","repo":{"name":"github.com/ptkdev-components/webcomponent-instagram-widget","commit":"604e41dca84f654eee6c3f8f7d40432b499b124d"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.5,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 0/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":9,"reason":"license file detected","details":["Info: project has a license file: LICENSE.md:0","Warn: project license file does not contain an FSF or OSI license."],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":0,"reason":"Project has not signed or included provenance with any releases.","details":["Warn: release artifact 2.9.0 not signed: https://api.github.com/repos/ptkdev-components/webcomponent-instagram-widget/releases/39266009","Warn: release artifact 2.8.0 not signed: https://api.github.com/repos/ptkdev-components/webcomponent-instagram-widget/releases/37829334","Warn: release artifact 2.7.1 not signed: https://api.github.com/repos/ptkdev-components/webcomponent-instagram-widget/releases/36526282","Warn: release artifact 2.9.0 does not have provenance: https://api.github.com/repos/ptkdev-components/webcomponent-instagram-widget/releases/39266009","Warn: release artifact 2.8.0 does not have provenance: https://api.github.com/repos/ptkdev-components/webcomponent-instagram-widget/releases/37829334","Warn: release artifact 2.7.1 does not have provenance: https://api.github.com/repos/ptkdev-components/webcomponent-instagram-widget/releases/36526282"],"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'","Warn: branch protection not enabled for branch 'nightly'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Vulnerabilities","score":0,"reason":"171 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-vc8w-jr9v-vj7f","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-jg8v-48h5-wgxg","Warn: Project is vulnerable to: GHSA-36fh-84j7-cv5h","Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c","Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-82v2-mx6x-wq7q","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-jmqm-f2gx-4fjv","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-c9g6-9335-x697","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v","Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx","Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-4fc4-chg7-h8gh","Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693","Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc","Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5","Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-r6rj-9ch6-g264","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-cwx2-736x-mf6w","Warn: Project is vulnerable to: GHSA-v39p-96qg-c8rf","Warn: Project is vulnerable to: GHSA-8v63-cqqc-6r2c","Warn: Project is vulnerable to: GHSA-5q6m-3h65-w53x","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-4x6g-3cmx-w76r","Warn: Project is vulnerable to: GHSA-cph5-m8f7-6c5x","Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx","Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6","Warn: Project is vulnerable to: GHSA-897m-rjf5-jp39","Warn: Project is vulnerable to: GHSA-9j49-mfvp-vmhm","Warn: Project is vulnerable to: GHSA-r7jx-5m6m-cpg9","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-6vfc-qv3f-vr6c","Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4","Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g","Warn: Project is vulnerable to: GHSA-56x4-j7p9-fcf9","Warn: Project is vulnerable to: GHSA-v78c-4p63-2j6c","Warn: Project is vulnerable to: GHSA-4c7m-wxvm-r7gc","Warn: Project is vulnerable to: GHSA-pch5-whg9-qr2r","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv","Warn: Project is vulnerable to: GHSA-px4h-xg32-q955","Warn: Project is vulnerable to: GHSA-x77j-w7wf-fjmw","Warn: Project is vulnerable to: GHSA-q674-xm3x-2926","Warn: Project is vulnerable to: GHSA-4cpg-3vgw-4877","Warn: Project is vulnerable to: GHSA-x5gf-qvw8-r2rm","Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8","Warn: Project is vulnerable to: GHSA-hpqj-7cj6-hfj8","Warn: Project is vulnerable to: GHSA-4vrv-93c7-m92j","Warn: Project is vulnerable to: GHSA-6hwc-9h8r-3vmf","Warn: Project is vulnerable to: GHSA-qqqw-gm93-qf6m","Warn: Project is vulnerable to: GHSA-69f9-h8f9-7vjf","Warn: Project is vulnerable to: GHSA-652h-xwhf-q4h6","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-h6q6-9hqw-rwfv","Warn: Project is vulnerable to: GHSA-5fg8-2547-mr8q","Warn: Project is vulnerable to: GHSA-crh6-fp67-6883"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-22T19:39:33.328Z","repository_id":38461446,"created_at":"2025-08-22T19:39:33.328Z","updated_at":"2025-08-22T19:39:33.328Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273858854,"owners_count":25180767,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-06T02:00:13.247Z","response_time":2576,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["custom-elements","igwidget","instagram","instagram-box","instagram-photos","instagram-profile","instagram-widget","shadow-dom","webcomponents"],"created_at":"2024-11-15T03:07:42.443Z","updated_at":"2025-09-06T04:41:42.076Z","avatar_url":"https://github.com/ptkdev-components.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ptkdev","https://patreon.com/ptkdev","https://ko-fi.com/ptkdev","https://www.paypal.me/ptkdev","https://www.patreon.com/ptkdev","https://github.com/sponsors/ptkdev/","https://www.patreon.com/join/ptkdev"],"categories":[],"sub_categories":[],"readme":"# 🌉 WebComponent: Instagram Widget\n\n[![](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)\n\nLast 9 Photos: Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.\n\n\u003e ⛔ **DISCLAIMER**: This is an **unofficial** instagram library and offers no warranty! All trademarks and logos belong to their respective owners.\n\n## 🎁 Support: Donate\n\n\u003e 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!**\n\n[![](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)\n\n![](https://img.shields.io/badge/bitcoin-35jQmZCy4nsxoMM3QPFrnZePDVhdKaHMRH-E38B29.svg?logo=bitcoin) ![](https://img.shields.io/badge/ethereum-0x8b8171661bEb032828e82baBb0B5B98Ba8fBEBFc-4E8EE9.svg?logo=ethereum)\n\n## 📎 Menu\n\n-   💡 [Features](#-features)\n-   🕹 [Demo](https://codepen.io/ptkdev/pen/WNQOYqy)\n-   👔 [Screenshot](#-screenshot)\n-   🚀 [How to use](#-installation)\n-   -   🌎 [Web](#-installation-web)\n-   -   📦 [Webpack/Browserify](#-installation-npm-module---browserifywebpack)\n-   -   📖 [Wordpress](#-installation-wordpress)\n-   -   ⚛️ [React](#%EF%B8%8F-installation-react)\n-   -   🅰️ [Angular](#🅰%EF%B8%8F-installation-angular)\n-   📚 [Documentation](#-documentation)\n-   -   🧰 [Options / Attributes](#-options--attributes)\n-   -   🎨 [CSS Customization](#-css-customization)\n-   🔨 [Developer Mode](#-developer-mode)\n-   👨‍💻 [Contributing](#-contributing)\n-   🐛 [Known Bugs](https://github.com/ptkdev-components/webcomponent-instagram-widget/issues?q=is%3Aopen+is%3Aissue+label%3Abug)\n-   🍻 Community:\n    -   \u003cimg src=\"https://raw.githubusercontent.com/ptkdev-components/webcomponent-instagram-widget/master/.github/assets/social_discord.png\" height=\"18px\"\u003e [Discord](http://discord.ptkdev.io) ([🇬🇧 English Channel](https://discord.gg/YkMG26f) | [🇮🇹 Italian Channel](https://discord.gg/HFtdBAJ) | [🇵🇱 Polish Channel](https://discord.gg/TV5EXFd))\n\n## 💡 Features\n\n-   [✔️] Easy to use\n-   [✔️] MIT License\n-   [✔️] Without jQuery depencence\n-   [✔️] Configurable with attributes\n-   [✔️] Customization with CSS Style\n-   [✔️] Work with: Browserify / Webpack / ReactJS / Angular / Wordpress\n-   [✔️] Photos Widget of your Instagram Profile for your blog or website with this WebComponent\n-   [✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)\n\n## 👔 Screenshot\n\nSee [Demo here](https://codepen.io/ptkdev/pen/WNQOYqy). Photos from @ptkdev account:\n\n[![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)\n\n## 🚀 Installation (Web)\n\n1. Add html code to your page (and replace `@ptkdev` with your instagram username):\n\n```html\n\u003cinstagram-widget username=\"@ptkdev\" grid=\"3x3\"\u003e\u003c/instagram-widget\u003e\n```\n\n2. Require javascript in yourpage (before `\u003c/body\u003e`):\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/@ptkdev/webcomponent-instagram-widget@latest/dist/lib/en/instagram-widget.min.js\"\u003e\u003c/script\u003e\n```\n\nYou can replace `en` in jsdelivr cdn with `it` or `pl` and load different languages or replace `@latest` with specific version, example `@2.0.1`.\n\nSee folder `examples`, run with `npm run example`. Below is available a description of `options` values.\n\n## 📦 Installation (NPM Module - Browserify/Webpack)\n\n1. Install npm module: `npm install @ptkdev/webcomponent-instagram-widget --save`\n2. Add html code to your page (and replace `@ptkdev` with your instagram username):\n\n```html\n\u003cinstagram-widget username=\"@ptkdev\" grid=\"3x3\"\u003e\u003c/instagram-widget\u003e\n```\n\n3. Require javascript in your app:\n\n```javascript\nrequire(\"@ptkdev/webcomponent-instagram-widget\");\n```\n\nor\n\n```javascript\nimport \"@ptkdev/webcomponent-instagram-widget\";\n```\n\nSee folder `examples`, run with `npm run example`. Below is available a description of `options` values.\n\n## 📖 Installation (Wordpress)\n\n1. Download wordpress plugin from [official store](https://wordpress.org/plugins/last-9-photos-webcomponent/) or [mirror](https://github.com/ptkdev-components/webcomponent-instagram-widget/raw/master/dist/wordpress/instagram-widget-wordpress-plugin.zip) and install it.\n1. Add code to your html widget, example: `Appearance` --\u003e `Widget` --\u003e insert `HTML Widget` and paste html code (and replace `@ptkdev` with your instagram username):\n\n```html\n\u003cinstagram-widget username=\"@ptkdev\" grid=\"3x3\"\u003e\u003c/instagram-widget\u003e\n```\n\nYou can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.\n\n## ⚛️ Installation (React)\n\n1. Install npm module with `npm install @ptkdev/webcomponent-instagram-widget@latest --save`:\n2. Import module in your `src/App.js` on header:\n\n```javascript\nimport \"@ptkdev/webcomponent-instagram-widget\";\n```\n\n3. Add html code to your `App.js` template (and replace `@ptkdev` with your instagram username):\n\n```html\n\u003cinstagram-widget username=\"@ptkdev\" grid=\"3x3\"\u003e\u003c/instagram-widget\u003e\n```\n\nGo to `examples/reactjs` and run `npm run start` in folder for more info. Below is available a description of `options` values.\n\n## 🅰️ Installation (Angular)\n\n1. Install npm module with `npm install @ptkdev/webcomponent-instagram-widget@latest --save`:\n2. Import module in your `app/app.modules.ts` on header:\n\n```javascript\nimport \"@ptkdev/webcomponent-instagram-widget\";\n```\n\n3. Add html code to your html component (and replace `@ptkdev` with your instagram username):\n\n```html\n\u003cinstagram-widget username=\"@ptkdev\" grid=\"3x3\"\u003e\u003c/instagram-widget\u003e\n```\n\nDemo: https://webcomponents-60bc6.firebaseapp.com/instagram-widget\n\nGo to `examples/angular` and run `yarn install` then `yarn start` in folder for more info. Below is available a description of `options` values.\n\n## 🧰 Options / Attributes\n\n| Parameter      | Description                                                                        | Values                                      | Default value | Available since |\n| -------------- | ---------------------------------------------------------------------------------- | ------------------------------------------- | ------------- | --------------- |\n| username       | Set your instagram username                                                        | Your instagram username with or without @   | `@ptkdev`     | v1.0.0          |\n| items-limit    | Set the max number of pictures                                                     | number: from `0` to `12`                    | `9`           | v1.1.0          |\n| grid           | Set grid aspect ratio                                                              | `1x1`, `2x2`, `3x3`, etc... or `responsive` | `responsive`  | v1.1.0          |\n| image-width    | Set width of images (NOTE: grid different than `responsive` overwrite this value)  | length units: `100%`, `100px`, `100pt`      | `100%`        | v1.1.0          |\n| image-height   | Set height of images                                                               | length units: `100%`, `100px`, `100`        | `100%`        | v1.1.0          |\n| border-spacing | Set spacing around images                                                          | length units: `5%`, `5px`, `5pt`            | `2px`         | v2.1.0          |\n| border-corners | Set border radius of corners: `0`: square / `15`: rounded / `100`: circle          | number: from `0` to `100`                   | `5`           | v2.1.0          |\n| force-square   | Force square aspect ratio if you post photos with different size on your instagram | `yes` / `no`                                | `yes`         | v2.4.0          |\n| shadows        | Show shadows css                                                                   | `type1`, `type2`, `type3`, `disabled`       | `disabled`    | v2.6.0          |\n| mouse-hover    | Show animation with mouse hover                                                    | `type1`, `disabled`                         | `disabled`    | v2.6.0          |\n| show-title     | Show alt/title with hover of mouse                                                 | `enabled` / `disabled`                      | `enabled`     | v2.6.0          |\n| cache          | Enable/disable fetch() cache                                                       | `enabled` / `disabled`                      | `enabled`     | v2.1.0          |\n\n#### HTML Code with attributes:\n\n```html\n\u003cinstagram-widget\n\tusername=\"@ptkdev\"\n\tgrid=\"3x3\"\n\tforce-square=\"yes\"\n\titems-limit=\"9\"\n\timage-width=\"100%\"\n\timage-height=\"100%\"\n\tborder-corners=\"5\"\n\tborder-spacing=\"2px\"\n\u003e\u003c/instagram-widget\u003e\n```\n\n## 🎨 CSS Customization\n\nYou can overwrite default css with selector `::part`, example:\n\n```html\n\u003cstyle\u003e\n\tinstagram-widget::part(photo) {\n\t\tborder: 2px solid red;\n\t}\n\u003c/style\u003e\n```\n\nPart attribute is, generally, suffix of a class. Use chrome inspector for get the correct value of `part=\"\"` attributes. See [MDN selector ::part docs](https://developer.mozilla.org/en-US/docs/Web/CSS/::part).\n\n## 🔨 Developer Mode\n\n1. Download [nightly](https://github.com/ptkdev-components/webcomponent-instagram-widget/archive/nightly.zip), [beta](https://github.com/ptkdev-components/webcomponent-instagram-widget/archive/beta.zip) or [stable](https://github.com/ptkdev-components/webcomponent-instagram-widget/archive/master.zip).\n2. Remove `.tpl` suffix from `config.js.tpl` file in `configs` folder and fill it properly.\n3. Run `npm install`\n4. Run `npm run dev`\n\n## 📚 Documentation\n\nRun `npm run docs`\n\n## 👑 Sponsors\n\nSupport this project by becoming a sponsor. 🙏 Become a sponsor on [patreon](https://www.patreon.com/join/ptkdev) or become top3 sponsor on [ko-fi](https://ko-fi.com/ptkdev). Your logo will show up here with a link to your website.\n\n[![](https://api.ptkdev.io/backers/sponsor1.png?)](https://api.ptkdev.io/backers/sponsor1.html) [![](https://api.ptkdev.io/backers/sponsor2.png?)](https://api.ptkdev.io/backers/sponsor2.html) [![](https://api.ptkdev.io/backers/sponsor-kofi1.png?)](https://api.ptkdev.io/backers/sponsor-kofi1.html) [![](https://api.ptkdev.io/backers/sponsor-kofi2.png?)](https://api.ptkdev.io/backers/sponsor-kofi2.html) [![](https://api.ptkdev.io/backers/sponsor-kofi3.png?)](https://api.ptkdev.io/backers/sponsor-kofi3.html) [![](https://api.ptkdev.io/backers/sponsor3.png?)](https://api.ptkdev.io/backers/sponsor3.html) [![](https://api.ptkdev.io/backers/sponsor4.png?)](https://api.ptkdev.io/backers/sponsor4.html) [![](https://api.ptkdev.io/backers/sponsor5.png?)](https://api.ptkdev.io/backers/sponsor5.html) [![](https://api.ptkdev.io/backers/sponsor6.png?)](https://api.ptkdev.io/backers/sponsor6.html) [![](https://api.ptkdev.io/backers/sponsor7.png?)](https://api.ptkdev.io/backers/sponsor7.html) [![](https://api.ptkdev.io/backers/sponsor8.png?)](https://api.ptkdev.io/backers/sponsor8.html) [![](https://api.ptkdev.io/backers/sponsor9.png?)](https://api.ptkdev.io/backers/sponsor9.html) [![](https://api.ptkdev.io/backers/sponsor10.png?)](https://api.ptkdev.io/backers/sponsor10.html) [![](https://api.ptkdev.io/backers/sponsor11.png?)](https://api.ptkdev.io/backers/sponsor11.html) [![](https://api.ptkdev.io/backers/sponsor12.png?)](https://api.ptkdev.io/backers/sponsor12.html) [![](https://api.ptkdev.io/backers/sponsor13.png?)](https://api.ptkdev.io/backers/sponsor13.html) [![](https://api.ptkdev.io/backers/sponsor14.png?)](https://api.ptkdev.io/backers/sponsor14.html) [![](https://api.ptkdev.io/backers/sponsor15.png?)](https://api.ptkdev.io/backers/sponsor15.html)\n\n## 🦄 Backers\n\nThank you to all our backers! 🙏 Become a backer on [patreon](https://www.patreon.com/join/ptkdev).\n\n[![](https://api.ptkdev.io/backers/backer1.png?)](https://api.ptkdev.io/backers/backer1.html) [![](https://api.ptkdev.io/backers/backer2.png?)](https://api.ptkdev.io/backers/backer2.html) [![](https://api.ptkdev.io/backers/backer3.png?)](https://api.ptkdev.io/backers/backer3.html) [![](https://api.ptkdev.io/backers/backer4.png?)](https://api.ptkdev.io/backers/backer4.html) [![](https://api.ptkdev.io/backers/backer5.png?)](https://api.ptkdev.io/backers/backer5.html) [![](https://api.ptkdev.io/backers/backer6.png?)](https://api.ptkdev.io/backers/backer6.html) [![](https://api.ptkdev.io/backers/backer7.png?)](https://api.ptkdev.io/backers/backer7.html) [![](https://api.ptkdev.io/backers/backer8.png?)](https://api.ptkdev.io/backers/backer8.html) [![](https://api.ptkdev.io/backers/backer9.png?)](https://api.ptkdev.io/backers/backer9.html) [![](https://api.ptkdev.io/backers/backer10.png?)](https://api.ptkdev.io/backers/backer10.html) [![](https://api.ptkdev.io/backers/backer11.png?)](https://api.ptkdev.io/backers/backer11.html) [![](https://api.ptkdev.io/backers/backer12.png?)](https://api.ptkdev.io/backers/backer12.html) [![](https://api.ptkdev.io/backers/backer13.png?)](https://api.ptkdev.io/backers/backer13.html) [![](https://api.ptkdev.io/backers/backer14.png?)](https://api.ptkdev.io/backers/backer14.html) [![](https://api.ptkdev.io/backers/backer15.png?)](https://api.ptkdev.io/backers/backer15.html)\n\n## 👨‍💻 Contributing\n\nI ❤️ contributions! I will happily accept your pull request! Translations, grammatical corrections (GrammarNazi you are welcome! Yes my English is bad, sorry), etc... Do not be afraid, if the code is not perfect we will work together 👯 and remember to insert your name in `.all-contributorsrc` and `package.json` file.\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://ptk.dev\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/442844?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePatryk Rzucidło\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ptkdev/ptkdev-components/webcomponent-instagram-widget/commits?author=ptkdev\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#translation-ptkdev\" title=\"Translation\"\u003e🌍\u003c/a\u003e \u003ca href=\"https://github.com/ptkdev/ptkdev-components/webcomponent-instagram-widget/commits?author=ptkdev\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/ptkdev/ptkdev-components/webcomponent-instagram-widget/issues?q=author%3Aptkdev\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/emanuelefricano93\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/26500344?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eEmanuele Fricano\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ptkdev/ptkdev-components/webcomponent-instagram-widget/commits?author=emanuelefricano93\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/ptkdev/ptkdev-components/webcomponent-instagram-widget/issues?q=author%3Aemanuelefricano93\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/smalluban\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/1906677?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDominik Lubański\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ptkdev/ptkdev-components/webcomponent-instagram-widget/issues?q=author%3Asmalluban\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\n\u003e 💰 In the future, if the donations allow it, I would like to share some of the success with those who helped me the most. For me open source is share of code, share development knowledges and share donations!\n\n## 📲 Tools\n\n[![](https://img.shields.io/badge/portfolio-ptkdev-000000.svg)](https://ptk.dev/)\n[![](https://img.shields.io/badge/app-meingifs-E1215B.svg)](https://meingifs.pics/)\n[![](https://img.shields.io/badge/stickers-ptkdev-128C7E.svg)](https://stickers.ptkdev.io/)\n\n[![](https://img.shields.io/badge/app-social%20manager%20tools-ff7f19.svg)](http://github.com/ptkdev-components/webcomponent-instagram-widget/)\n[![](https://img.shields.io/badge/api-instagram%20bot-895a4d.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget)\n[![](https://img.shields.io/badge/api-twitter%20bot-21B7F4.svg)](https://github.com/social-manager-tools/socialmanagertools-twbot)\n[![](https://img.shields.io/badge/api-facebook%20bot-3b5998.svg)](https://github.com/social-manager-tools/socialmanagertools-fbbot)\n[![](https://img.shields.io/badge/telegram%20bot-feed%20rss%20for%20wordpress%20\u0026%20medium-00AB6C.svg)](https://github.com/social-manager-tools/socialmanagertools-tgbot)\n\n## 🐍 Sorry for snake_case\n\nI love snake_case syntax sorry for this 😭 don't hate me.\n\n## 💫 License\n\n-   Code and Contributions have **MIT License**\n-   Images and logos have **CC BY-NC 4.0 License** ([Freepik](https://it.freepik.com/) Premium License)\n-   Documentations and Translations have **CC BY 4.0 License**\n\n###### Copyleft (c) 2020 [Patryk Rzucidło](https://ptk.dev) ([@PTKDev](https://twitter.com/ptkdev)) \u003c[support@ptkdev.io](mailto:support@ptkdev.io)\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fptkdev-components%2Fwebcomponent-instagram-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fptkdev-components%2Fwebcomponent-instagram-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fptkdev-components%2Fwebcomponent-instagram-widget/lists"}