Graphical user interface builder - Revision history

imported>AnomieBOT: Dating maintenance tags: {{Refimprove}}

2025-11-09T02:03:50Z

Dating maintenance tags: {{Refimprove}}

← Previous revision		Revision as of 02:03, 9 November 2025
Line 1:		Line 1:
	{{Short description\|Software development tool}}		{{Short description\|Software development tool}}
			{{refimprove\|date=November 2025}}
	[[File:Gui-builder.png\|thumb\|[[NetBeans]] GUI builder]]		[[File:Gui-builder.png\|thumb\|[[NetBeans]] GUI builder]]
	A '''graphical user interface builder''' (or '''GUI builder'''), also known as '''GUI designer''' or sometimes ~~'''~~RAD IDE~~'''~~, is a [[software development tool]] that simplifies the creation of [[graphical user interface\|GUIs]] by allowing the designer to arrange [[graphical control element]]s (often called widgets) using a [[drag-and-drop]] [[WYSIWYG]] editor. Without a GUI builder, a GUI must be built by manually specifying each widget's parameters in the source code, with no visual feedback until the program is run~~. Such tools are usually called the term [[Rapid application development\|RAD]] [[Integrated development environment\|IDE]]~~.		A '''graphical user interface builder''' (or '''GUI builder'''), also known as '''GUI designer''' or sometimes [[Rapid application development\|RAD]] [[Integrated development environment\|IDE]], is a [[software development tool]] that simplifies the creation of [[graphical user interface\|GUIs]] by allowing the designer to arrange [[graphical control element]]s (often called widgets) using a [[drag-and-drop]] [[WYSIWYG]] editor.<ref>{{Cite conference \| author = Zarras, Apostolos V.; Mamalis, Georgios; Papamichail, Aggelos; Kollias, Panagiotis; Vassiliadis, Panos \| title = And the Tool Created a GUI That was Impure and Without Form: Anti-Patterns in Automatically Generated GUIs \| year = 2018 \| book-title = Proceedings of the 23rd European Conference on Pattern Languages of Programs (EuroPLoP '18) \| location = Irsee, Germany \| publisher = ACM \| doi = 10.1145/3273418.3273450 \| url = https://www.cse.uoi.gr/~pvassil/publications/2018_EuroPlop/Europlop_2018.pdf}}</ref> Without a GUI builder, a GUI must be built by manually specifying each widget's parameters in the source code, with no visual feedback until the program is run.

	User interfaces are commonly programmed using an [[Event-driven programming\|event-driven architecture]], so GUI builders also simplify creating event-driven code. This supporting code connects [[software widget]]s with the outgoing and incoming [[Event (computing)\|events]] that trigger the functions providing the application logic.		User interfaces are commonly programmed using an [[Event-driven programming\|event-driven architecture]], so GUI builders also simplify creating event-driven code. This supporting code connects [[software widget]]s with the outgoing and incoming [[Event (computing)\|events]] that trigger the functions providing the application logic.
Line 47:		Line 48:

	===HTML/JavaScript based===		===HTML/JavaScript based===
	* [[Adobe Dreamweaver]] ~~— Obsolete as of 2022~~		* [[Adobe Dreamweaver]]

			=== Python based ===


	=== Object Pascal based===		=== Object Pascal based===
Line 56:		Line 60:
	* [[Tk (framework)]] for [[Tcl]]		* [[Tk (framework)]] for [[Tcl]]
	** [[ActiveState Komodo]] (No longer{{Since when\|date = April 2015}} has a GUI builder)		** [[ActiveState Komodo]] (No longer{{Since when\|date = April 2015}} has a GUI builder)
	** TKproE (TCL/TK Programming Environment)

	===Visual Basic based===		===Visual Basic based===
Line 67:		Line 70:
	* [[App Inventor for Android]]		* [[App Inventor for Android]]
	* [[AutoIt]]		* [[AutoIt]]
	* [[Axure RP]]
	* [[Creately]]		* [[Creately]]
	* [[Embedded Wizard]]		* [[Embedded Wizard]]
Line 123:		Line 125:

	== See also ==		== See also ==
			* [[Model–view–controller]]
			* [[Web template system]]
	* [[Rapid application development]] (RAD)		* [[Rapid application development]] (RAD)
	* [[Human interface guidelines]] (HIG)		* [[Human interface guidelines]] (HIG)
Line 128:		Line 132:
	* [[User interface markup language]]		* [[User interface markup language]]
	* [[User interface modeling]]		* [[User interface modeling]]
	* [[Design-Oriented Programming]]
	* [[Linux on the desktop]]		* [[Linux on the desktop]]

			==References==
			{{Reflist}}

	{{GUI builders}}		{{GUI builders}}
	{{Graphical control elements}}		{{Graphical control elements}}

	~~==References==~~
	~~{{Reflist}}~~

	[[Category:Graphical control elements]]		[[Category:Graphical control elements]]
	[[Category:Graphical user interfaces\|builder]]		[[Category:Graphical user interfaces\|builder]]
	[[Category:User interface builders\|*]]		[[Category:User interface builders\|*]]

imported>Janan2025: Reverting edit(s) by 139.64.140.168 (talk) to rev. 1265721783 by Spidermario: Unexplained content removal (UV 0.1.6)

2025-06-30T15:57:59Z

Reverting edit(s) by 139.64.140.168 (talk) to rev. 1265721783 by Spidermario: Unexplained content removal (UV 0.1.6)

← Previous revision	Revision as of 15:57, 30 June 2025
(No difference)

imported>Spidermario: /* HTML/JavaScript based */ not graphical user interface builders as described in the article

2024-12-28T09:14:49Z

HTML/JavaScript based: not graphical user interface builders as described in the article

New page

{{Short description|Software development tool}}
[[File:Gui-builder.png|thumb|[[NetBeans]] GUI builder]]
A '''graphical user interface builder''' (or '''GUI builder'''), also known as '''GUI designer''' or sometimes '''RAD IDE''', is a [[software development tool]] that simplifies the creation of [[graphical user interface|GUIs]] by allowing the designer to arrange [[graphical control element]]s (often called widgets) using a [[drag-and-drop]] [[WYSIWYG]] editor. Without a GUI builder, a GUI must be built by manually specifying each widget's parameters in the source code, with no visual feedback until the program is run. Such tools are usually called the term [[Rapid application development|RAD]] [[Integrated development environment|IDE]].

User interfaces are commonly programmed using an [[Event-driven programming|event-driven architecture]], so GUI builders also simplify creating event-driven code. This supporting code connects [[software widget]]s with the outgoing and incoming [[Event (computing)|events]] that trigger the functions providing the application logic.

Some graphical user interface builders automatically generate all the [[source code]] for a [[graphical control element]]. Others, like [[Interface Builder]] or [[Glade Interface Designer]], generate [[serialization|serialized]] object instances that are then loaded by the application.

==List of GUI builders==

===C language based===
* [[GTK]] / [[Glade Interface Designer]]
* [[Motif (software)|Motif]]
* [[XForms (toolkit)]] fdesign
* [[X Toolkit Intrinsics|Intrinsics]]

===C# based===
* [[Universal Windows Platform|UWP]] / [[Windows Presentation Foundation]] / [[WinForms]]
** Microsoft [[Visual Studio | Visual Studio XAML Editor]], [[XAML]] based GUI layout
** Microsoft [[Expression Blend]]
** [[SharpDevelop]]
* [[Xamarin.Forms]] / [[.NET Core]]
** [[Xamarin | Xamarin Studio]]

===C++ based===
* [[Universal Windows Platform|UWP]] / [[Windows Presentation Foundation]] / [[WinForms]]
** Microsoft [[Visual Studio | Visual Studio XAML Editor]], [[XAML]] based GUI layout
** [[Microsoft Blend]]
* [[Qt (toolkit)]]
** [[Qt Creator]]
* [[FLTK]]
** [[FLUID]]
* [[JUCE]]
* [[Ultimate++|U++]]
* [[wxWidgets]]
** [[wxFormBuilder]]

===Objective-C / Swift based===
* [[Cocoa (API)|Cocoa]] (modern) and [[Carbon (API)|Carbon]] (deprecated).
** [[Xcode]]
* [[GNUstep]] (formerly [[OpenStep]])
** [[Gorm (computing)|Gorm]]

===Java based===
* [[Android Studio]], XML-based GUI layout
* [[NetBeans#GUI design tool|NetBeans GUI design tool]]

===HTML/JavaScript based===
* [[Adobe Dreamweaver]] — Obsolete as of 2022

=== Object Pascal based===
* [[Delphi (programming language)|Delphi]] / VCL ([[Visual Component Library]])
* [[Lazarus (IDE)|Lazarus]] / LCL ([[Lazarus Component Library]])

=== Tk framework based ===
* [[Tk (framework)]] for [[Tcl]]
** [[ActiveState Komodo]] (No longer{{Since when|date = April 2015}} has a GUI builder)
** TKproE (TCL/TK Programming Environment)

===Visual Basic based===
* [[Universal Windows Platform|UWP]] / [[Windows Presentation Foundation]] / [[WinForms]]
** Microsoft [[Visual Studio | Visual Studio XAML Editor]], [[XAML]] based GUI layout
** Microsoft [[Expression Blend]]

=== Other tools ===
* [[Adobe Animate]]
* [[App Inventor for Android]]
* [[AutoIt]]
* [[Axure RP]]
* [[Creately]]
* [[Embedded Wizard]]
* [[Graphics Environment Manager|GEM]]
* [[Interface Builder]]
* [[LucidChart]]
* [[OpenWindows]]
* [[Resource construction set]]
* [[Stetic]]
* [[Scaleform]]
* [[Wavemaker]]

==List of development environments==

===IDEs with GUI builders ([[Rapid application development|RAD]] [[Integrated development environment|IDEs]])===
* [[4th Dimension (software)|4D]]
* [[ActiveState Komodo]] (No longer{{Since when|date = April 2015}} has a GUI builder)
* [[Android Studio]]
* [[Anjuta]]
* [[AutoIt3]]
* [[C++Builder]]
* [[Clarion (programming language)|Clarion]]
* [[Code::Blocks]]
* [[CodeLite]]
* [[dBase]]
* [[Delphi (software)|Delphi/RAD Studio]]
* [[Embedded Wizard]]
* [[Eclipse (software)|Eclipse]]
* [[Gambas]]
* [[IntelliJ IDEA]]
* [[QB64|InForm]]
* [[JDeveloper]]
* [[KDevelop]]
* [[LabWindows/CVI]]
* [[LANSA (development environment)|LANSA]]
* [[Lazarus (software)|Lazarus]]
* [[Liberty BASIC]]
* [[Microsoft Visual Studio]]
* [[MonoDevelop]]
* [[Free Pascal#MSEide|MSEide+MSEgui]]
* [[MyEclipse]]
* [[NetBeans]]
* [[OutSystems]]
* [[PascalABC.NET]]
* [[JUCE|Projucer]]
* [[Purebasic]]
* [[Qt Creator]]
* [[SharpDevelop]]
* [[Softwell Maker]]
* [[Ultimate++|U++]]
* [[VB6]]
* [[FreeBASIC|WinFBE]]
* [[Xcode]]
* [[Xojo]]

== See also ==
* [[Rapid application development]] (RAD)
* [[Human interface guidelines]] (HIG)
* [[Human interface device]]
* [[User interface markup language]]
* [[User interface modeling]]
* [[Design-Oriented Programming]]
* [[Linux on the desktop]]

{{GUI builders}}
{{Graphical control elements}}

==References==
{{Reflist}}

[[Category:Graphical control elements]]
[[Category:Graphical user interfaces|builder]]
[[Category:User interface builders|*]]