kevinongko / Vue Instagram
Licence: mit
Instagram's feed fetcher component based on Vue.js
Stars: ✭ 173
Projects that are alternatives of or similar to Vue Instagram
Nextlevel
NextLevel was initally a weekend project that has now grown into a open community of camera platform enthusists. The software provides foundational components for managing media recording, camera interface customization, gestural interaction customization, and image streaming on iOS. The same capabilities can also be found in apps such as Snapchat, Instagram, and Vine.
Stars: ✭ 1,940 (+1021.39%)
Mutual labels: instagram
Streamwall
Display a mosaic of livestreams. Built for streaming.
Stars: ✭ 160 (-7.51%)
Mutual labels: instagram
Django instagram
Photo sharing social media site built with Python/Django. Based on Instagram's design.
Stars: ✭ 165 (-4.62%)
Mutual labels: instagram
Iglistkit
A data-driven UICollectionView framework for building fast and flexible lists.
Stars: ✭ 12,196 (+6949.71%)
Mutual labels: instagram
Filterous 2
Instagram-like photo manipulation library for Node.js and Javascript on browser
Stars: ✭ 163 (-5.78%)
Mutual labels: instagram
Instahack
Best Tool For instagram bruteforce hacking Tool By EvilDevil
Stars: ✭ 139 (-19.65%)
Mutual labels: instagram
Instagrapi
Fast and effective Instagram Private API wrapper
Stars: ✭ 157 (-9.25%)
Mutual labels: instagram
Instagram Hacker
This is an advanced script for Instagram bruteforce attacks. WARNING THIS IS A REAL TOOL!
Stars: ✭ 156 (-9.83%)
Mutual labels: instagram
Gl React Instagramfilters
Instagram filters for gl-react and gl-react-native
Stars: ✭ 157 (-9.25%)
Mutual labels: instagram
Instagram Clone
A clone of the Instagram app 📱 🥳 . made with React-native and Typescript ❤️.
Stars: ✭ 163 (-5.78%)
Mutual labels: instagram
007spam Bot
auto report instagram accounts ( SPAM BOT )
Stars: ✭ 150 (-13.29%)
Mutual labels: instagram
Socialmanagertools Docs
📚 Documentation of Social Manager Tools
Stars: ✭ 151 (-12.72%)
Mutual labels: instagram
Instagram private api
A Python library to access Instagram's private API.
Stars: ✭ 2,273 (+1213.87%)
Mutual labels: instagram
Instapy
📷 Instagram Bot - Tool for automated Instagram interactions
Stars: ✭ 12,473 (+7109.83%)
Mutual labels: instagram
vue-instagram
Currently this library is unusable because of Instagram's API changes
Instagram's feed fetcher component based on Vue.
Fetch instagram feed via GET /users/self
Works with Vue 2.*
Demo
Installation
Install via CDN
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script>
Vue.use(VueInstagram.default)
</script>
Install via NPM
$ npm install vue-instagram --save
Register as Component
import Vue from 'vue'
import VueInstagram from 'vue-instagram'
export default {
name: 'App',
components: {
VueInstagram
}
}
Register as Plugin
import Vue from 'vue'
import VueInstagram from 'vue-instagram'
Vue.use(VueInstagram)
Usage
Style your feeds using scoped slot
<template>
<vue-instagram token="accessTokenHere" :count="5" :tags="['hashtag1', 'hashtag2']" mediaType="image">
<template v-slot:loading="props">
<h1 v-if="props.loading" class="fancy-loading">Loading, please wait...</h1>
</template>
<template v-slot:feeds="props">
<li class="fancy-list"> {{ props.feed.link }} </li>
</template>
<template v-slot:error="props">
<div class="fancy-alert"> {{ props.error.error_message }} </div>
</template>
</vue-instagram>
</template>
<script>
import VueInstagram from 'vue-instagram'
export default {
name: 'App',
components: {
VueInstagram
}
}
</script>
Props
Props | Description | Type | Required |
---|---|---|---|
token | Instagram's access token | String | true |
count | Numbers of feed to fetch | Number | true |
tags | Filter profile's feed by hastag | Array | false |
mediaType | Filter profile's feed by media type: image or video | String | false |
License
Vue-Instagram is open-sourced software licensed under the MIT license
Support
Hello, I'm Kevin the maintainer of this project in my free time (which is getting lessen these days), if this project does help you in any way please consider to support me. Thanks 😃
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].