Revision 325699 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. In particular, it is used by Firefox. Web developers already familiar with <a href="/en-US/docs/HTML" title="en-US/docs/HTML">HTML</a> will learn XUL quickly and can start building applications right away. Open <a class="external" href="https://www.hevanet.com/acorbin/xul/top.xul">XUL Periodic Table</a> in Firefox or another <a href="/en-US/docs/Gecko" title="en-US/docs/Gecko">Gecko</a>-based browser to see some XUL demos.</p>
  <div class="warning">
    <strong>Note:</strong> This "XUL Periodic Table" cannot be shown in recent versions of Gecko because it uses remote XUL, a technology whose support was dropped because of potential security issues.</div>
</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>
        <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 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>
        <ll>
        <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>
        </ll></td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>