Introduction

Back to top

Library Name: instaGet
Version: 2.0 Professional
Size: ~11KB (minified)
Dependencies: None (Pure JavaScript)

Professional Instagram Integration

instaGet is an advanced JavaScript library that provides seamless integration with Instagram's Graph API, offering professional-grade features for displaying Instagram feeds on your website.

Getting Started

Back to top

Installation

Include the instaGet files in your HTML page:

<!-- CSS (for default styling) -->
<link rel="stylesheet" href="path/to/instaGet.css">

<!-- JavaScript -->
<script src="path/to/instaGet.js"></script>

HTML Markup

<div id="instagram-feed"></div>

Basic Usage

// Basic initialization
new instaGet('#instagram-feed', {
    token: 'YOUR_ACCESS_TOKEN',
    counter: 9,
    columns: {
        desktop: 3,
        tablet: 2,
        mobile: 1
    },
    showUserInfo: true,
    lightbox: true
});

Access Token Required: You need a valid Instagram Graph API access token. Learn how to get one here

Features

Back to top

Multiple Layouts

Grid, Sidebar, and Footer layouts with responsive design

User Information Display

Show profile info with customizable styles

Advanced Lightbox

Professional lightbox for images and videos

Fully Responsive

Optimized for all devices and screen sizes

Performance Optimized

Lazy loading and efficient resource management

Customizable Themes

Modern, Classic, and Minimal themes available

Live Demo

Back to top

Arba | ⴰⵔⴱⴰ

@arba.toys

7Posts

2Followers

0Following

10

00

Demo Note: Live demo requires a valid access token. Replace with your token for testing.

Configuration Options

Back to top

Complete Configuration Example

new instaGet('#instagram-feed', {
    // API Configuration
    token: 'YOUR_ACCESS_TOKEN',
    counter: 9,
    
    // Layout Options
    columns: {
        desktop: 3,
        tablet: 2,
        mobile: 1
    },
    width: '100%',
    height: 'auto',
    spaceImage: '10px', // Space between images in pixels
    // User Info Display
    showUserInfo: true,
    userInfoStyle: 'full', // 'full', 'minimal', 'username-only'
    showStats: true,
    
    // Content Options
    showCaptions: false,
    captionLength: 100,
    
    // Interactive Features
    lightbox: true,
    lazyLoad: true,
    animations: true,
    loadMore: false,
});

Options Reference

Option	Type	Default	Description
`token`	String	""	Instagram Graph API access token (required)
`counter`	Number	9	Number of posts to display
`width`	string or number	'100%' or specific width in px	Container width
`height`	string or number	'auto' or specific height in px	Container height
`columns`	Object	{desktop: 3, tablet: 2, mobile: 1}	Responsive column configuration
`showUserInfo`	Boolean	true	Display user profile information
`userInfoStyle`	String	'full'	User info style: 'full', 'minimal', 'username-only'
`showStats`	Boolean	true	Show follower/following statistics
`showCaptions`	Boolean	false	Display post captions
`captionLength`	Number	100	Maximum caption length
`lightbox`	Boolean	true	Enable lightbox functionality
`lazyLoad`	Boolean	true	Enable lazy loading for images
`animations`	Boolean	true	Enable entrance animations
`loadMore`	Boolean	false	Enable load more functionality
`spaceImage`	Number	10px	Space between images by number of pixels

Methods & API

Back to top

Available Methods

Method	Parameters	Description
`updateSettings(options)`	Object	Update configuration and reload feed
`refresh()`	None	Refresh the Instagram feed
`destroy()`	None	Remove the feed and clean up
`openLightbox(url, type)`	String, String	Manually open lightbox
`closeLightbox()`	None	Close the lightbox

Usage Examples

// Initialize and store reference
const instagram = new instaGet('#feed', {
    token: 'YOUR_TOKEN',
    counter: 6
});

// Update settings
instagram.updateSettings({
    counter: 12,
});

// Refresh feed
instagram.refresh();

// Clean up
instagram.destroy();

Version History

Back to top

Version 3.0.0

Latest Release

Complete rewrite with modern JavaScript
Instagram Graph API integration
Advanced lightbox with video support
Multiple layout options (grid, sidebar, footer)
Responsive design with mobile optimization
Lazy loading for better performance
Load more functionality
Professional animations and transitions

Version 2.0.0

March 11, 2021

- after Instagram make changes on its platform we re-write our plugin to still working well with the new API.
Simple grid layout
Support Video Post
Small CSS ipmrovement

Version 1.0.0

Initial Release - April, 05 2020

Basic Instagram feed display
Simple grid layout

Thank you for choosing instaGet! We're committed to providing you with the best Instagram integration experience. For support and questions, please refer to our documentation or contact our support team.