Extensions that use WebExtension APIs are provided with several user interface options so that their functionality can be made available to the user. A summary of those options is provided below, with a more detailed introduction to each user interface option in this section.

For advice on using these UI components to create a great user experience in your extension, please see the User experience best practices article.

The following how-to guides provide step-by-step guidance to creating some of these user interface options:

• Accessibility guidelines

• Add a button to the toolbar

• Browser styles

• Extending the developer tools

• Implement a settings page