{"id":19129202,"url":"https://github.com/dnldsht/vue-insta-stories","last_synced_at":"2025-07-12T06:36:56.863Z","repository":{"id":44845756,"uuid":"351814927","full_name":"dnldsht/vue-insta-stories","owner":"dnldsht","description":"Vue 2 \u0026 3 library for Instagram like stories.","archived":false,"fork":false,"pushed_at":"2023-10-27T13:22:25.000Z","size":400,"stargazers_count":75,"open_issues_count":4,"forks_count":10,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-04T15:47:19.937Z","etag":null,"topics":["instagram","instagram-stories","library","npm","stories","vue","vue2","vue3"],"latest_commit_sha":null,"homepage":"https://vue-insta-stories.donld.me","language":"TypeScript","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/dnldsht.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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}},"created_at":"2021-03-26T14:47:16.000Z","updated_at":"2025-04-30T11:27:06.000Z","dependencies_parsed_at":"2022-07-20T21:02:56.841Z","dependency_job_id":"8d79d22b-5b8e-4937-85f1-a9de7720c5e2","html_url":"https://github.com/dnldsht/vue-insta-stories","commit_stats":null,"previous_names":["unevensoftware/vue-insta-stories"],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/dnldsht/vue-insta-stories","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnldsht%2Fvue-insta-stories","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnldsht%2Fvue-insta-stories/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnldsht%2Fvue-insta-stories/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnldsht%2Fvue-insta-stories/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dnldsht","download_url":"https://codeload.github.com/dnldsht/vue-insta-stories/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dnldsht%2Fvue-insta-stories/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264951610,"owners_count":23687974,"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","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":["instagram","instagram-stories","library","npm","stories","vue","vue2","vue3"],"created_at":"2024-11-09T06:06:49.817Z","updated_at":"2025-07-12T06:36:56.840Z","avatar_url":"https://github.com/dnldsht.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003evue-insta-stories\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n  Vue component for Instagram stories\u003cbr/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.npmjs.com/package/vue-insta-stories\" target=\"__blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/vue-insta-stories?color=2B90B6\u0026label=\" alt=\"NPM version\"\u003e\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.com/package/vue-insta-stories\" target=\"__blank\"\u003e\u003cimg alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dm/vue-insta-stories?color=349dbe\u0026label=\"\u003e\u003c/a\u003e\n\u003ca href=\"https://vue-insta-stories.donld.me\" target=\"__blank\"\u003e\u003cimg src=\"https://img.shields.io/static/v1?label=\u0026message=Live%20demo\u0026color=45b8cd\" alt=\"Docs \u0026 Demos\"\u003e\u003c/a\u003e\n\u003cbr\u003e\n\u003ca href=\"https://github.com/dnldsht/vue-insta-stories\" target=\"__blank\"\u003e\u003cimg alt=\"GitHub stars\" src=\"https://img.shields.io/github/stars/dnldsht/vue-insta-stories?style=social\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\n\n\u003cbr/\u003e\n\u003cimg height=\"600\" src=\"https://i.imgur.com/gyX0XFw.png\"/\u003e\n\n## Install\n```bash\nyarn add vue-insta-stories\n```\n\n## Usage\nWork in progress documentation can be found [here](https://github.com/dnldsht/vue-insta-stories/tree/main/packages/lib#readme)\n\n## Features\n- Works with vue 2/3\n- Timer and timeline on the top\n- Swipe up to see more\n- Hold to pause current story\n- Tap to navigate between stories\n- Straight forward usage for images \u0026 videos\n- Header slot\n- Custom templates\n  \n## Contributing\nWe are open to pull requests!\n  \n### How to test the lib  \n```bash\nyarn lib:watch # watch for changes on the lib package\nyarn dev # starts vue3 demo\nyarn dev:2 # starts vue2 demo\n  \n# check yarn link to test the new version in your project\n```\n\n\n## Credits\nThis project was inspired by @kayue [work](https://github.com/kayue/vue-story-example)\n\n## License\nMIT - Copyright (c) 2021 Uneven Software\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdnldsht%2Fvue-insta-stories","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdnldsht%2Fvue-insta-stories","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdnldsht%2Fvue-insta-stories/lists"}