Components
layout

scroll-area

Custom scrollable region.

pnpm dlx shadcn@latest add scroll-area

Live preview

Interactive example with the installed component.

Use it when
Start with the component when this interaction is the smallest useful building block. Compose a Fenod block when the user needs a full workflow instead.
Illustration brief
Minimal UI illustration, a calm content frame with grouped regions, warm off-white background, olive charcoal accents, thin borders, no gradients, no text, no logos, no device mockup.

Related components

Shares an interaction or layout role with Scroll Area.

accordion

Collapsible content sections.

aspect-ratio

Lock media to a ratio box.

button-group

Cluster related actions.

card

Content container with header/body.

Search catalog

Jump to a block, collection, or component.