{"id":20436487,"url":"https://github.com/codeeshop-oc/vue-lightbox-advanced","last_synced_at":"2026-03-09T08:02:28.902Z","repository":{"id":42050732,"uuid":"386916412","full_name":"codeeshop-oc/vue-lightbox-advanced","owner":"codeeshop-oc","description":"Vue Lightbox Advanced Photo Grid component for Vue.js","archived":false,"fork":false,"pushed_at":"2023-11-13T10:44:31.000Z","size":1123,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-27T18:46:40.463Z","etag":null,"topics":["component","npm-package","vue","vue-component","vue-components","vue-lightbox","vue-lightbox-advanced","vue2","vue3","vuejs","vuejs2","vuejs3"],"latest_commit_sha":null,"homepage":"https://codeeshop-oc.github.io/vue-lightbox-advanced/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codeeshop-oc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2021-07-17T11:12:10.000Z","updated_at":"2025-03-19T08:08:06.000Z","dependencies_parsed_at":"2023-02-18T08:15:24.067Z","dependency_job_id":"c739b587-cdbb-4ec0-9c51-ba304be901c5","html_url":"https://github.com/codeeshop-oc/vue-lightbox-advanced","commit_stats":{"total_commits":29,"total_committers":2,"mean_commits":14.5,"dds":"0.27586206896551724","last_synced_commit":"79df75305fcef84beed9d3174494653ae9db0859"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/codeeshop-oc/vue-lightbox-advanced","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeeshop-oc%2Fvue-lightbox-advanced","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeeshop-oc%2Fvue-lightbox-advanced/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeeshop-oc%2Fvue-lightbox-advanced/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeeshop-oc%2Fvue-lightbox-advanced/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codeeshop-oc","download_url":"https://codeload.github.com/codeeshop-oc/vue-lightbox-advanced/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeeshop-oc%2Fvue-lightbox-advanced/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30287447,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T02:57:19.223Z","status":"ssl_error","status_checked_at":"2026-03-09T02:56:26.373Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["component","npm-package","vue","vue-component","vue-components","vue-lightbox","vue-lightbox-advanced","vue2","vue3","vuejs","vuejs2","vuejs3"],"created_at":"2024-11-15T08:44:05.476Z","updated_at":"2026-03-09T08:02:28.570Z","avatar_url":"https://github.com/codeeshop-oc.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Lightbox Advanced\n\n\u003e Vue Lightbox Advanced Photo Grid component for Vue.js\n\n[![Latest Stable Version](https://img.shields.io/npm/v/vue-lightbox-advanced.svg)](https://www.npmjs.com/package/vue-lightbox-advanced) [![Total Downloads](https://img.shields.io/npm/dt/vue-lightbox-advanced.svg)](https://npm-stat.com/charts.html?package=vue-lightbox-advanced)\n[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/codeeshop-oc/vue-lightbox-advanced/blob/main/LICENSE)\n[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/codeeshop-oc/vue-lightbox-advanced/issues?\u0026q=is%3Aissue+is%3Aopen)\n![Downloads Monthly](https://img.shields.io/npm/dm/vue-lightbox-advanced.svg)\n\nVue Lightbox Advanced provides flexibility of displaying first x (1-5) images of your gallery in a grid view as you seen on Facebook timeline. Click on the thumbnail will return an event with the index or file url (src) as per passed props that can be used to show the image or can be used to redirect to that specific file url (src).\nIt provides the shuffling images according to given options in docs.\n\n\u003e Note: It requires parent height and width as the component will adapt to its resolutions\n\n## Version Support\n\nVue 3 - Current Branch ( TypeScript + Vite + vitest )\n\n[Vue 2](https://github.com/codeeshop-oc/vue-lightbox-advanced/tree/vue2)\n\n## 🎨 Features\n\nFind out all available features on [settings props](/docs/api/props.md) and see how that works on [examples](/docs/examples.md).\n\n## 🚚 Installation\n\n### yarn/npm\n\n```bash\n# npm\nnpm i vue-lightbox-advanced\n# yarn\nyarn add vue-lightbox-advanced\n```\n\n### cdn\n\n```bash\n# latest\nhttps://unpkg.com/vue-lightbox-advanced\n```\n\n\u003cbr/\u003e\n\n## 🚀 Quick Start\n\n```html\n\u003ctemplate\u003e\n  \u003cdiv style=\"height: 250px; width: 400px;\"\u003e\n    \u003cvue-lightbox-advanced :items=\"images\" /\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\n  import VueLightboxAdvanced from 'vue-lightbox-advanced'\n  import 'vue-lightbox-advanced/dist/vue-lightbox-advanced.css'\n\n  export default {\n    name: 'MyComponent',\n    components: { VueLightboxAdvanced },\n    data() {\n      return {\n        images: [\n          'https://cdn.pixabay.com/photo/2015/09/17/14/24/woman-944261_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2015/10/30/20/13/boat-1014711_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2017/10/17/16/10/fantasy-2861107_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2016/05/11/16/32/bridge-1385938_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2018/09/19/23/03/sunset-3689760_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2020/09/15/09/10/church-5573087_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2017/05/04/12/43/zebra-2283914_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2018/01/25/14/12/nature-3106213_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2017/12/10/15/16/white-horse-3010129_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2017/06/07/10/47/elephant-2380009_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2017/05/09/03/46/alberta-2297204_960_720.jpg',\n          'https://cdn.pixabay.com/photo/2017/01/18/17/14/girl-1990347_960_720.jpg'\n        ]\n      }\n    }\n  }\n\u003c/script\u003e\n```\n\n\u003cbr/\u003e\n\n## 🔖 License\n\nThis software is licensed under the [MIT](https://github.com/codeeshop-oc/vue-lightbox-advanced/blob/main/LICENSE).\n\n### Reference\n\n[Morioh-Lab/v-lightbox](https://github.com/Morioh-Lab/v-lightbox)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeeshop-oc%2Fvue-lightbox-advanced","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodeeshop-oc%2Fvue-lightbox-advanced","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodeeshop-oc%2Fvue-lightbox-advanced/lists"}