Component

Carousel

Sliding carousel for images or content with auto-play and navigation.

tsx

import { Carousel, ImageCarousel } from 'wss3-forge'

Usage

•

Auto-play with progress indicator

•

ImageCarousel for image slideshows

•

Keyboard navigation (arrows)

•

Dot indicators and navigation arrows

Beautiful landscape

City skyline

Nature photography

Examples

Content Carousel

Welcome to our platform

Discover new features

Start building today

tsx

1<Carousel autoPlay interval={4000} showProgress>
2  <Text size="lg" weight="medium">Welcome to our platform</Text>
3  <Text size="lg" weight="medium">Discover new features</Text>
4  <Text size="lg" weight="medium">Start building today</Text>
5</Carousel>

Image Carousel

Beautiful landscape

City skyline

Nature photography

tsx

1<ImageCarousel
2  images={[
3    { src: 'https://picsum.photos/seed/c1/800/400', caption: 'Beautiful landscape' },
4    { src: 'https://picsum.photos/seed/c2/800/400', caption: 'City skyline' },
5    { src: 'https://picsum.photos/seed/c3/800/400', caption: 'Nature photography' }
6  ]}
7  autoPlay
8  interval={5000}
9/>

Without Progress Bar

Ocean waves

Mountain view

Forest path

tsx

1<ImageCarousel
2  images={[
3    { src: 'https://picsum.photos/seed/c4/800/400', caption: 'Ocean waves' },
4    { src: 'https://picsum.photos/seed/c5/800/400', caption: 'Mountain view' },
5    { src: 'https://picsum.photos/seed/c6/800/400', caption: 'Forest path' }
6  ]}
7  autoPlay
8  showProgress={false}
9/>

AudioPlayer

ImageGallery

Last updated: December 2025