Skip to content
Copyright © 2024 by Westpac Banking Corporation. All rights reserved.

The GEL design system is built using React. Use it to easily build new React applications, as well as add to existing ones.


All GEL components have a couple of peer dependencies so please ensure the following are installed:


GEL can be installed using a package manager like npm, yarn or pnpm.

If you are using a workspace update tailwind.config.js to use the withGEL helper exported by @westpac/ui as follows.

If you are using npm in the workspace update tailwind.config.js as follows.

For applications using brand fonts add the following options config to the withGEL helper.