# Web Carousel UI Designs

Explore how websites use carousels when several items need to share limited space. Compare navigation, sizing, and content patterns, then remix the approach that best fits your page.

## 111 Carousel templates · Web

[Carousel | Record Sleeve](/content/gallery/inspirations/carousel-web-111/index.html)

Carousel \| Record Sleeve

New

[Carousel | Selenite](/content/gallery/inspirations/carousel-web-1/index.html)

Carousel \| Selenite

[Carousel | Cinnabar](/content/gallery/inspirations/carousel-web-2/index.html)

Carousel \| Cinnabar

[Carousel | Petrichor](/content/gallery/inspirations/carousel-web-3/index.html)

Carousel \| Petrichor

[Carousel | Squallmark](/content/gallery/inspirations/carousel-web-4/index.html)

Carousel \| Squallmark

[Carousel | Quadrat](/content/gallery/inspirations/carousel-web-5/index.html)

Carousel \| Quadrat

[Carousel | Ligature](/content/gallery/inspirations/carousel-web-6/index.html)

Carousel \| Ligature

[Carousel | Meridian Lane](/content/gallery/inspirations/carousel-web-7/index.html)

Carousel \| Meridian Lane

[Carousel | Contourly](/content/gallery/inspirations/carousel-web-8/index.html)

Carousel \| Contourly

[Carousel | Escapement](/content/gallery/inspirations/carousel-web-9/index.html)

Carousel \| Escapement

[Carousel | Tourbillon](/content/gallery/inspirations/carousel-web-10/index.html)

Carousel \| Tourbillon

[Carousel | Bracken](/content/gallery/inspirations/carousel-web-11/index.html)

Carousel \| Bracken

[Carousel | Foxglove](/content/gallery/inspirations/carousel-web-12/index.html)

Carousel \| Foxglove

[Carousel | Grosgrain](/content/gallery/inspirations/carousel-web-13/index.html)

Carousel \| Grosgrain

[Carousel | Selvedge](/content/gallery/inspirations/carousel-web-14/index.html)

Carousel \| Selvedge

[Carousel | Halyard Studio](/content/gallery/inspirations/carousel-web-15/index.html)

Carousel \| Halyard Studio

[Carousel | Leeward](/content/gallery/inspirations/carousel-web-16/index.html)

Carousel \| Leeward

[Carousel | Gabbro](/content/gallery/inspirations/carousel-web-17/index.html)

Carousel \| Gabbro

[Carousel | Moraine](/content/gallery/inspirations/carousel-web-18/index.html)

Carousel \| Moraine

[Carousel | Barenpress](/content/gallery/inspirations/carousel-web-19/index.html)

Carousel \| Barenpress

[Carousel | Platemark](/content/gallery/inspirations/carousel-web-20/index.html)

Carousel \| Platemark

[Carousel | Slipware](/content/gallery/inspirations/carousel-web-21/index.html)

Carousel \| Slipware

[Carousel | Saggar](/content/gallery/inspirations/carousel-web-22/index.html)

Carousel \| Saggar

[Carousel | Riffleway](/content/gallery/inspirations/carousel-web-23/index.html)

Carousel \| Riffleway

## Carousel templates for Web

Explore 111 open-source Carousel templates for the web: carousel layouts, flows and components. Every template ships with production-ready code built on modern stacks like React, Next.js and Tailwind CSS.

Preview any Carousel UI live, remix its layout and components to match your product, and export clean code you can ship the same day.