https://github.com/dnldsht/vue-insta-stories

Vue 2 & 3 library for Instagram like stories.
https://github.com/dnldsht/vue-insta-stories

instagram instagram-stories library npm stories vue vue2 vue3

Last synced: 5 days ago
JSON representation

Vue 2 & 3 library for Instagram like stories.

• Host: GitHub
• URL: https://github.com/dnldsht/vue-insta-stories
• Owner: dnldsht
• License: mit
• Created: 2021-03-26T14:47:16.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-27T13:22:25.000Z (about 1 year ago)
• Last Synced: 2024-10-14T11:44:48.000Z (about 1 month ago)
• Topics: instagram, instagram-stories, library, npm, stories, vue, vue2, vue3
• Language: TypeScript
• Homepage: https://vue-insta-stories.donld.me
• Size: 391 KB
• Stars: 73
• Watchers: 3
• Forks: 9
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
vue-insta-stories



  Vue component for Instagram stories
























## Install

```bash

yarn add vue-insta-stories

```

## Usage

Work in progress documentation can be found [here](https://github.com/dnldsht/vue-insta-stories/tree/main/packages/lib#readme)

## Features

- Works with vue 2/3

- Timer and timeline on the top

- Swipe up to see more

- Hold to pause current story

- Tap to navigate between stories

- Straight forward usage for images & videos

- Header slot

- Custom templates

  

## Contributing

We are open to pull requests!

  

### How to test the lib  

```bash

yarn lib:watch # watch for changes on the lib package

yarn dev # starts vue3 demo

yarn dev:2 # starts vue2 demo

  

# check yarn link to test the new version in your project

```

## Credits

This project was inspired by @kayue [work](https://github.com/kayue/vue-story-example)

## License

MIT - Copyright (c) 2021 Uneven Software