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

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

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