---
isPage: true
draft: false
title: Carousel
description: Logos as a looping Splide carousel with autoplay.
icon: gallery-horizontal-end
hero:
  surtitle: Block logos
  title: Layout carousel
  text: Logos as a looping Splide carousel with autoplay.
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/logos/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-blocks/refs/heads/main/content/docs/logos/carousel.md
      blank: true
      link: true
  ui:
    align: center
    theme: light
blocks:
  - type: logos
    ui:
      layout: carousel
      grid: container
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg

  - type: logos
    ui:
      layout: carousel
      grid: container
      theme: light
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows / Theme light
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg

  - type: logos
    ui:
      layout: carousel
      grid: container
      theme: highlight
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows / Theme highlight
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg

  - type: logos
    ui:
      layout: carousel
      grid: container
      theme: accent
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows / Theme accent
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg

  - type: logos
    ui:
      layout: carousel
      grid: container
      theme: dark
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows / Theme dark
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg

  - type: logos
    ui:
      layout: carousel
      grid: container
      theme: neutral
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows / Theme neutral
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg

  - type: logos
    ui:
      layout: carousel
      grid: container
      theme: black
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows / Theme black
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg

  - type: logos
    ui:
      layout: carousel
      grid: container
      theme: white
      carousel:
        params:
          arrows: true
          autoplay: true
          interval: 2000
          pagination: false
          perMove: 1
          perPage: 8
          type: loop
        responsive:
          - breakpoints: 640
            params:
              perPage: 3
          - breakpoints: 768
            params:
              perPage: 4
    heading:
      surtitle: Grid container / 8 per page / Loop / Autoplay / Arrows / Theme white
    items:
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
      - src: https://res.cloudinary.com/uncinq/image/upload/v1782295060/logo-black_e1lfvo.svg
---