Revision 386591 of XUL

<div class="callout-box">
  <strong><a href="/en-US/docs/XUL_Tutorial" title="en-US/docs/XUL_Tutorial">XUL Tutorial</a></strong><br />
  A guided tutorial that will help you get started with XUL, originally from XULPlanet.</div>
<div>
  <p><strong>XUL</strong> (XML User Interface Language) is Mozilla's <a href="/en-US/docs/XML" title="en-US/docs/XML">XML</a>-based language for building user interfaces of applications like Firefox. The term XUL is sometimes used to refer to the whole <a href="/en-US/docs/The_Mozilla_platform" title="/en-US/docs/The_Mozilla_platform">Mozilla platform</a> (e.g. XUL applications are applications using XUL and other components of the platform).</p>
  <p><a href="/en-US/docs/XUL_controls" title="en-US/docs/XUL_controls">XUL Controls</a> lists some of the common controls provided by XUL.</p>
</div>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td>
        <h2 class="Documentation" id="Documentation">Documentation</h2>
        <dl>
          <dt>
            <a href="/en-US/docs/XUL_Reference" title="en-US/docs/XUL_Reference">XUL Reference</a></dt>
          <dd>
            XUL elements, attributes, properties, methods, and event handlers.</dd>
          <dt>
            <a href="/en-US/docs/XUL_controls" title="en-US/docs/XUL_controls">XUL Controls</a></dt>
          <dd>
            A quick list of all of the available XUL controls.</dd>
          <dt>
            <a href="/en-US/docs/XUL_School" title="en-US/docs/XUL School">XUL School</a></dt>
          <dd>
            A comprehensive tutorial on Mozilla add-on development.</dd>
          <dt>
            <a href="/en-US/docs/The_Joy_of_XUL" title="en-US/docs/The_Joy_of_XUL">The Joy of XUL</a></dt>
          <dd>
            Describes the key features and components of XUL.</dd>
          <dt>
            <a href="/en-US/docs/XUL/PopupGuide" title="en-US/docs/XUL/PopupGuide">Menus and Popups Guide</a></dt>
          <dd>
            A guide on using menus and popup panels.</dd>
          <dt>
            <a href="/en-US/docs/XUL/Template_Guide" title="en-US/docs/XUL/Template_Guide">Template Guide</a></dt>
          <dd>
            A detailed guide on XUL templates, which is a means of generating content from a datasource.</dd>
          <dt>
            <a href="/en-US/docs/DragDrop/Drag_and_Drop" title="Drag and Drop">Drag and Drop</a></dt>
          <dd>
            How to perform drag and drop operations.</dd>
          <dt>
            <a href="/en-US/docs/XUL_Overlays" title="en-US/docs/XUL_Overlays">Overlays</a></dt>
          <dd>
            Overlays are used to describe extra content for the UI. They provide a powerful mechanism for extending and customizing existing XUL applications.</dd>
          <dt>
            <a href="/en-US/docs/XUL_improvements_in_Firefox_3" title="en-US/docs/XUL_improvements_in_Firefox_3">Adapting XUL Applications for Firefox 3.0</a></dt>
          <dd>
            A list of changes in <a href="/en-US/docs/Firefox_3_for_developers" title="en-US/docs/Firefox_3_for_developers">Firefox 3.0</a>, affecting XUL developers.</dd>
          <dt>
            <a href="/en-US/docs/Firefox_2_for_developers#For_XUL_and_extension_developers" title="en-US/docs/Firefox_2_for_developers#For_XUL_and_extension_developers">Adapting XUL Applications for Firefox 2.0</a></dt>
          <dd>
            A list of changes in <a href="/en-US/docs/Firefox_2_for_developers" title="en-US/docs/Firefox_2_for_developers">Firefox 2.0</a>, affecting XUL developers.</dd>
          <dt>
            <a href="/en-US/docs/Adapting_XUL_Applications_for_Firefox_1.5" title="en-US/docs/Adapting_XUL_Applications_for_Firefox_1.5">Adapting XUL Applications for Firefox 1.5</a></dt>
          <dd>
            A list of changes in <a href="/en-US/docs/Firefox_1.5_for_developers" title="en-US/docs/Firefox_1.5_for_developers">Firefox 1.5</a>, affecting XUL developers.</dd>
        </dl>
        <dl>
          <dt>
            XUL Periodic Table</dt>
          <dd>
            This collection of XUL demos was available as a <a href="/en-US/docs/" title="/en-US/docs/">web page</a>, but can no longer be viwed in Firefox since support for <a href="/en-US/docs/Remote_XUL" title="/en-US/docs/Remote_XUL">Remote XUL</a> was disabled.&nbsp; There is a XULRunner application containing the XUL Periodic Table which can be opened with Gecko based browsers. <a href="https://github.com/matthewkastor/XULRunner-Examples" title="https://github.com/matthewkastor/XULRunner-Examples">You can get it here</a>. See: <a href="/en-US/docs/XULRunner_tips#Using_Firefox_3_to_run_XULRunner_applications" title="/en-US/docs/XULRunner_tips#Using_Firefox_3_to_run_XULRunner_applications">XULRunner_tips#Using_Firefox_3_to_run_XULRunner_applications</a> for instructions on running XULRunner apps in Firefox.</dd>
        </dl>
        <p><span class="alllinks"><a href="/en-US/docs/tag/XUL" title="tag/XUL">View All...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id="Community">Community</h2>
        <ul>
          <li>View Mozilla forums...{{ DiscussionList("dev-tech-xul", "mozilla.dev.tech.xul") }}</li>
          <li><a class="link-irc" href="irc://irc.mozilla.org/xul">#xul on irc.mozilla.org</a></li>
        </ul>
        <h2 class="Tools" id="Tools">Tools</h2>
        <ul>
          <li><a class="external" href="/en-US/docs/XUL_Explorer" title="en-US/docs/XUL_Explorer">XUL Explorer</a> (a lightweight XUL IDE)</li>
          <li><a href="https://github.com/matthewkastor/XULExplorer" title="https://github.com/matthewkastor/XULExplorer">XULExplorer</a> (Patched version of XUL explorer)</li>
          <li><a class="external" href="https://ted.mielczarek.org/code/mozilla/extensiondev/">Extension developer's extension</a> (featuring a Live XUL Editor)</li>
          <li><a class="external" href="https://forum.addonsmirror.net/index.php?showtopic=751" title="https://forum.addonsmirror.net/index.php?showtopic=751">XULRef sidebar</a></li>
          <li><a class="external" href="https://www.getfirebug.com/">Firebug</a></li>
          <li><a href="/en-US/docs/DOM_Inspector" title="en-US/docs/DOM_Inspector">DOM Inspector</a></li>
          <li><a class="external" href="https://www.spket.com/">Spket IDE</a>, IDE for XUL/XBL</li>
          <li><a class="external" href="https://www.amplesdk.com" title="https://www.amplesdk.com/">Ample SDK</a>, (Cross-browser XUL renderer in JavaScript/HTML)</li>
        </ul>
        <p><span class="alllinks"><a href="/en-US/docs/tag/tools" title="tag/tools">View All...</a></span></p>
        <h2 class="Related_Topics" id="Related_Topics">Related Topics</h2>
        <ul>
          <li><a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a>, <a href="/en-US/docs/XBL" title="en-US/docs/XBL">XBL</a>, <a href="/en-US/docs/CSS" title="en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/RDF" title="en-US/docs/RDF">RDF</a>, <a href="/en-US/docs/Extensions" title="en-US/docs/Extensions">Extensions</a>, <a href="/en-US/docs/XULRunner" title="en-US/docs/XULRunner">XULRunner</a></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>