# Carousel
Horizontal scrolling with CSS scroll-snap. No JavaScript required.
## Basic Example
```html
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
```
## With Cards
```html
Card 1
Card content here.
Card 2
Card content here.
Card 3
Card content here.
```
## With Images
```html
```
## Styling Details
- `display: flex` with horizontal overflow
- `scroll-snap-type: x mandatory` for snapping
- Children have `scroll-snap-align: start`
- Thin scrollbar (`scrollbar-width: thin`)
- Default gap of 1rem
## Custom Gap
```html
```
## How It Works
- Drag, swipe, or scroll horizontally
- Items snap to start position
- Works with mouse, touch, trackpad, and keyboard
- No JavaScript needed for basic functionality
## See Also
- [Reel](https://graffiti-ui.com/llms/reel.txt) - Vertical scroll-snap