What is a carousel widget?
A carousel (sometimes called a slider) is a horizontal track of cards the reader moves through with arrows, a swipe, or a drag. Each card pairs an image with a short title and caption, so you can present several related ideas in a compact, tactile space.
Because it's interactive, a carousel invites people to engage rather than passively scroll — which makes it a reliable way to lift time-on-page and surface more than one message above the fold.
When to use a carousel
- Feature highlights — three to six product features, each with an image and one-line benefit.
- Galleries & portfolios — photos, screenshots, or case-study thumbnails.
- Testimonials or logos — rotate social proof without a tall stack.
- Steps or options — when order matters less than letting people browse.
How it works
The cards sit on a flex track inside a clipped viewport. Arrow buttons shift the track by one card; on touch devices a horizontal swipe does the same. Everything is keyboard- and pointer-friendly and fully responsive — card widths cap to the screen on mobile so nothing overflows.
Each card's image uses object-fit: cover so mixed aspect ratios still line up cleanly.
Best practices
- Keep captions to one line — the carousel is a teaser, not an essay.
- Use a consistent image crop so cards feel like a set.
- 3–6 cards is the sweet spot; more and people lose the thread.
- Lead with your strongest card — many readers only see the first.
How to make a carousel — free
Customize it above
Edit the titles, captions and images, and pick your colors in the live editor.Export or embed
Copy the embed code into any site or CMS, or download a self-contained HTML file.Go further in Scrollytelling
Drop a carousel into a full scroll story alongside video, charts and more — free to start.
Templates that use a carousel
Want a head start? These ready-made, fully-editable templates put the carousel to work — customize one and publish in minutes.
Carousel — frequently asked questions
Is the carousel widget free?
Yes. Customize and export the carousel with no account and no payment. Building a full scroll story is free to start too.
How do I embed the carousel on my website?
Click Copy embed code and paste the snippet into any HTML page, Webflow/WordPress embed block, or site builder. It's a small <div> plus one script tag.
Can I use it without writing code?
Yes — use the live editor to change text, images and colors, then copy the embed or download the HTML file. No coding required.
Will it work on mobile?
Yes. The carousel is responsive and supports touch-swipe, so it adapts to phones and tablets automatically.
Can I use my own images?
Absolutely. Paste an image URL or upload a file in the editor — uploaded images are embedded directly into the export so it works offline.