Reusable Component Adoption

Fluent

Properties

DTD

Reusable components in Firefox

Reusable components are web components that have been built to address the issue of having multiple implementations of common UI patterns that get used across Firefox desktop.

These components serve to encapsulate our design system, ensure accessibility and usability across the application, and reduce tech debt.

You can learn more by reading our docs, or checking out our Storybook instance.

About this dashboard

This is a very early prototype. We're planning to automate the data collection and present other useful information in the coming months. Please submit feedback and ideas on GitHub.

If you have questions or comments about reusable components in general, feel free to reach out on our Matrix channel.