WFP Design System
Build consistent, accessible applications for the UN World Food Programme.
Looking for WFP Bridge?
WFP Bridge is our previous design system; you can find it here. To learn about the differences, see Migration help.
- Proven primitives: Based on shadcn/ui, built on Radix UI.
- Customizable: Full control over styling with Tailwind CSS.
- WFP-branded: World Food Programme branding out of the box.
- Accessible: WCAG-compliant and keyboard-navigable components. See Accessibility.
- RTL support: First-class support for right-to-left languages. See RTL.
- Type-safe: Written in TypeScript, for an optimal developer experience.