Getting started

Introduction

One of the core aims of the PIE Design System is to provide engineers with a consistent set of components and best practices for creating and maintaining UIs across JET.

We develop and maintain several component libraries that implement the PIE design language. Please follow this guide to find out which library to use based on your tech stack.

For a more detailed look at the component systems the PIE team maintain, the PIE monorepo and how it’s structured, see the structure section of our engineering docs.

For a list of which components are supported in each of our libraries, please refer to the Component Status page.

---

Contributing & Guidelines

If you'd like to contribute to PIE, check out our contributing guide.

We also maintain guides for global front-end best practices across JET. These can be found in the engineering guidelines section of our docs.

Code and Project Structure

PIE Web Components, tools and documentation (including this site) are maintained on the open-source PIE Monorepo on Github.

We support and maintain a number of other projects that incorporate the PIE Design Language (such as Fozzie for VueJS components, or Snacks and Skip PIE for React components).

Need more help?

If you can't find the help that you need, or have any other questions about developing using PIE, please do get in touch with us either via the #help-designsystem channel (for JET engineers) or by raising a Github issue or discussion on the PIE mono-repo.