# Image Layouts
Layouts for displaying sets of images.
## Grid
```tsx
export default function Grid() {
return (
{/* Row */}
{/* Row */}
{/* Row */}
);
}
```
## Quad
```tsx
export default function Quad() {
return (
);
}
```
## Masonry
```tsx
export default function Masonry() {
return (
{/* Column */}
{/* Column */}
{/* Column */}
{/* Column */}
);
}
```
## Featured
```tsx
export default function Featured() {
return (
{/* Featured */}
{/* Row */}
);
}
```
## Attribution
Images courtesy of [Lorem Picsum](https://picsum.photos/). Markup and styles inspired by [Flowbite](https://flowbite.com/docs/components/gallery/#masonry-grid).