XUL


XUL, which stands for XML User Interface Language, is a user interface markup language developed by Mozilla. XUL is implemented as an XML dialect, enabling graphical user interfaces to be written in a similar manner to web pages. Such applications must be created using the Mozilla codebase ; the most prominent example is the Firefox web browser.
In recent years, Mozilla has been reducing the usage of XUL in Firefox. The most notable example is the removal of add-on customization. Firefox originally permitted add-ons to extensively alter its user interface via custom XUL code, but this capability was removed in Firefox 57 and replaced with the less-permissive WebExtensions API. Several forks of Firefox, such as Pale Moon, Basilisk, and Waterfox, retain support for XUL add-ons.

History

XUL was devised at Netscape in 1997 as part of the development effort that eventually became the Mozilla codebase. It never gained much traction outside of Mozilla or its forks. In the early 2000s there was some interest in using XUL by other parties, including Amazon, but that dried up with the advent of HTML5.
With the release of Firefox 57 in 2017, Mozilla removed support for legacy add-ons, including the use of custom XUL code. This was a key step in the organization's long-term goal of reducing XUL usage in Firefox and replacing it with HTML5 alternatives. However, the UXP fork of the codebase maintains the traditional XUL capabilities.

Usage

XUL can only be used with the Mozilla codebase because the Gecko engine does the XUL rendering.
Application programmers need to define a XUL interface as three discrete sets of components:
  1. Content: the XUL document, whose elements define the layout of the user interface
  2. Skin: the CSS and image files, which define the appearance of an application
  3. Locale: the files containing user-visible strings for easy software localization
XUL defines a wide range of elements, which roughly belong to the following types:
The default behavior of XUL widgets can be altered with XBL bindings.

Example

This example shows three buttons stacked on top of each other in a vertical box container:



xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">