Launch recognizable, enjoyable Firefox products and features faster.

Firefox Products on Android, on iPad and on Desktop.

Photon is the Firefox design language to build modern, intuitive, delightful experiences, for products across all platforms – from mobile to desktop, from TV to the next big thing.

The Photon Design System houses guidelines, reusable UI components, templates, and other resources to help you create products for Firefox users. It is flexible and always evolving to serve the best Firefox experience for every situation.

Using this system will help make your work more efficient, and our products more consistent, while still looking, feeling, and sounding uniquely Firefox.

You can help us improve the system and ensure it remains current and relevant.

Illustration symbolizing sharing. (An arrow pointing upwards, out of a container.)

Share with us

Share with us so we can add or improve components and patterns.

Illustration symbolizing attention. (An exclamation mark in a circle.)

File an issue

Let us know if we are missing components or our advice isn’t clear and actionable.

Illustration symbolizing a document. (A rectangle with lines in it.)

Read the wiki

Learn how to become a project contributor.