35

Are there any IDE's that allow building of web pages / user interface using javascript frameworks such as JQuery in a WYSIWYG manner?

For example, similar to how Dreamweaver allows you to build HTML pages or NetBeans allows you to graphically design Java applications, Flash Builder can graphically design flash applications.

I would think by now there is something that would let you plug in a javascript framework such as JQuery/JQueryUI or YUI or Prototype, etc. and for example drag in a JQueryUI styled button and position it and size it. Throw on some JQuery fields or a datagrid?

Update: I have found a couple, so I am sure there must be more:

Sencha Ext Designer (commercial) -- supports the ext js framework, JQuery/Prototype and others.

Maquetta (open source) -- supports Dojo, some Jquery/YUI

Wakanda (open source) -- very interesting, looks like their own JS framework. May require the use of their back-end server for db, etc.?

Scott Szretter
  • 3,938
  • 11
  • 57
  • 76
  • I agree current IDE really really sucks ! Intellisense alone is just syntactic sugar it doesn't give any idea of what you're building. – user310291 Jul 23 '11 at 19:38
  • What's with these dumb, clunky browser-based UI designers? (Maquetta) Developers too dumb or lazy to create standalone tools or Eclipse plugins these days? No matter I guess, it looks like it was "suspended" - not maintained anymore. – User Aug 14 '14 at 22:33

9 Answers9

5

For jQuery UI

IxEdit is a JavaScript-based interaction design tool

4

This works with jQuery Mobile only: RIB

Luca
  • 9,259
  • 5
  • 46
  • 59
John Chen
  • 41
  • 2
3

Dreamweaver 5.5 allows you to access to all jQuery library features.

Mohammad Saberi
  • 12,864
  • 27
  • 75
  • 127
2

There is Alpha Five as well, but this is only applicable if you are building a database application. Wicked product.

Andy
  • 21
  • 2
2

Wakanda v1 is out (beta phase is over).

skiabox
  • 3,449
  • 12
  • 63
  • 95
0

Codiqa (https://codiqa.com/) a SAAS GUI builder, HTML5/jQuery UI.

David Neiss
  • 8,161
  • 2
  • 20
  • 21
  • Looks like this is mainly (?) for _mobile_ development. Haven't checked all details though. – András Aszódi Jun 05 '14 at 10:39
  • If not, they're certainly catering to mobile heavily. WYSIWG is almost pointless with a tiny mobile UI. Enterprise PC desktop apps is where this is really needed. – User Aug 14 '14 at 22:26
0

To create a GUI with jQuery UI widgets you can take a look here: http://umyproto.com.

Widgets are placed in the page by drag and drop, also you can write JavaScript for events, and finally you will have a bunch of HTML files which you can use in your code of an application. it's really exciting, try it - you'll find a lot more for you.

  • While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Pablo Lozano Jul 23 '14 at 14:59
  • Sorry for your inconvenience, but I couldn't provide full overview of the tool in the comment. It seems that 3 lines of text is enough to cover all essentials of a GUI builder. – ipselon Jul 24 '14 at 09:09
  • 1
    Web-based only designer with a subscription? Worthless – User Aug 14 '14 at 22:23
  • It seems that link you provided is dead? – Ludus H Jan 12 '18 at 18:49
0

There's Google's GWT Designer (for GWT) and Atlas (for Cappuccino). Simpler, more Web-centric UI frameworks don't really lend themselves to a GUI designer, in my opinion, but some apps probably try to do it anyway.

notorious.no
  • 4,919
  • 3
  • 20
  • 34
Nicholas Riley
  • 43,532
  • 6
  • 101
  • 124
-3

Hey have you listen about linb visualjs. it works great with all server side languages with over 40 components with drag and drop and it is open source also with a good example book. but you must know how to use JSON because it is totally based on JSON.

But good news is JSON is nothing but Javascript Array.

ranjeet
  • 17