jQuery Desktop UI – ExtJS Web Interface Portal

By Sam Deering

The Web Browser Desktop


I have wanted to try out ExtJS for a while now and finally got the time to have a go and create a browser based desktop simulated user interface. The ExtJS framwork provides this seamlessly and so much more!

Live Demo

Features I have added:

  • Desktop User Interface
  • Google Maps API Example
  • Grid Example
  • Tabs Example
  • Accordian Example
  • Border Layout Example

These options are all available as desktop items, simply double click to open them as you normally would.

Features I would like to add (when I get the time):

  • Custom Layout Manager
  • AJAX Call Tabs
  • Web Forms
  • Window Messages
  • Graphs & Grids
  • Custom Theme Support

How to build your own (to get you started)

1. Download Ext JS Open Source

Sorry there are no more detailed instructions – I will add some here when I get more time.

More About Ext JS

  • Rich Modern UI Widgets – High performance scalable grids, trees, menus, and more.
  • Cross Platform – Accomplished with HTML5 and CSS3 styling.
  • Browser Compatibility – Ext JS supports all major web browsers including:
    * Internet Explorer 6+
    * FireFox 1.5+ (PC, Mac)
    * Safari 3+
    * Chrome 3+
    * Opera 9+ (PC, Mac)
  • Clean Component Model – You can easily extend the default components to meet your needs.
  • Professional Documentation, Training and Support – Learning resources and API documentation.

100 Ext JS Demos

Download Ext Js

Product Licence: Free Open Source for non-commercial use

Product Website



Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.