WYSIWYG GUI builder (IDE) for JQuery or other JavaScript framework?

Question

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.?

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

score 5 · Answer 1 · answered Dec 20 '12 at 23:18

5

For jQuery UI

IxEdit is a JavaScript-based interaction design tool

answered Dec 20 '12 at 23:18

Дан Воронов

51
1
3

1

But it's 18 months later and that link still says "public beta". :( – User Aug 14 '14 at 22:28

score 4 · Answer 2 · edited Oct 20 '12 at 01:22

4

This works with jQuery Mobile only: RIB

edited Oct 20 '12 at 01:22

Luca

9,259
5
46
59

answered May 28 '12 at 07:05

John Chen

41
2

score 3 · Answer 3 · answered Jan 29 '12 at 10:36

3

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

answered Jan 29 '12 at 10:36

Mohammad Saberi

12,864
27
75
127

score 2 · Answer 4 · answered Feb 13 '12 at 14:01

2

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

answered Feb 13 '12 at 14:01

Andy

21
2

score 2 · Answer 5 · answered Mar 16 '12 at 01:00

2

Wakanda v1 is out (beta phase is over).

answered Mar 16 '12 at 01:00

skiabox

3,449
12
63
95

score 0 · Answer 6 · answered Jul 29 '13 at 02:20

0

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

answered Jul 29 '13 at 02:20

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

score 0 · Answer 7 · answered Jul 23 '14 at 14:31

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.

answered Jul 23 '14 at 14:31

ipselon

1

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

score 0 · Answer 8 · edited Aug 10 '15 at 19:16

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.

edited Aug 10 '15 at 19:16

notorious.no

4,919
3
20
34

answered Apr 09 '11 at 00:14

Nicholas Riley

43,532
6
101
124

1

both links are now dead. Please update. – UserZer0 Jul 28 '14 at 01:56
2

…or you could do it yourself. – Nicholas Riley Jul 29 '14 at 00:46

score -3 · Answer 9 · answered Aug 30 '12 at 06:17

-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.

answered Aug 30 '12 at 06:17

ranjeet

17

5

I'm not sure this answer makes much sense – Andrew Barber Oct 06 '12 at 01:49

WYSIWYG GUI builder (IDE) for JQuery or other JavaScript framework?

9 Answers9