WFP logoDesign System

Blocks

Prebuilt UI blocks from registry components.

Blocks are larger, composed UI sections built from registry components. Use them as starting points for common page layouts.

Installation

Blocks are installed the same way as components, using the CLI:

pnpm dlx shadcn@latest add https://dev.designsystem.wfp.org/r/<block-name>.json

This will copy the block files into your project. From there, you own the code – modify it freely to fit your application.

Available blocks

On this page