---
isPage: true
draft: false
title: Instagram
description: Add instagram feed
icon: brand:instagram
hero:
  surtitle: Blocks
  title: Block Instagram
  text: Add instagram feed (with Instafeed JS library).
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/instagram/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-blocks/refs/heads/main/content/docs/instagram.md
      blank: true
      link: true
  ui:
    align: center
    theme: light
blocks:
  - type: alert
    ui:
      grid: container
    state: danger
    text: A valid access_token from Instagram
  - type: instagram
    ui:
      grid: container
    heading:
      surtitle: Grid container / Limit 4
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true

  - type: instagram
    ui:
      grid: container
      theme: light
    heading:
      surtitle: Grid container / Limit 4 / Theme light
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true

  - type: instagram
    ui:
      grid: container
      theme: highlight
    heading:
      surtitle: Grid container / Limit 4 / Theme highlight
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true

  - type: instagram
    ui:
      grid: container
      theme: accent
    heading:
      surtitle: Grid container / Limit 4 / Theme accent
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true

  - type: instagram
    ui:
      grid: container
      theme: dark
    heading:
      surtitle: Grid container / Limit 4 / Theme dark
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true

  - type: instagram
    ui:
      grid: container
      theme: neutral
    heading:
      surtitle: Grid container / Limit 4 / Theme neutral
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true

  - type: instagram
    ui:
      grid: container
      theme: black
    heading:
      surtitle: Grid container / Limit 4 / Theme black
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true

  - type: instagram
    ui:
      grid: container
      theme: white
    heading:
      surtitle: Grid container / Limit 4 / Theme white
      title: Instagram feed
    limit: 4
    ctas:
      - text: Discover on instagram
        url: https://www.instagram.com/sebouorhum
        blank: true
---