A graphical user interface builder (or GUI builder), also known as GUI designer, is a software development tool that simplifies the creation of GUIs by allowing the designer to arrange graphical control elements (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 source-code, with no visual feedback until the program is run.
User interfaces are commonly programmed using an event-driven architecture, so GUI builders also simplify creating event-driven code. This supporting code connects widgets with the outgoing and incoming events that trigger the functions providing the application logic.
Some graphical user interface builders, such as e.g. Glade Interface Designer, automatically generate all the source code for a graphical control element. Others, like Interface Builder, generate serialized object instances that are then loaded by the application.
List of GUI builders
UI Design Process: From Sketch to GUI - This is to show the process of how I design graphical user interfaces. I start by making a rough sketch by hand on a paper to figure out the placement of elements and the UX. I then scan it...
C Language Based
-
- GTK+ / Glade Interface Designer
- XForms (toolkit)
- Intrinsics
- Motif
C# Based
- UWP / Windows Presentation Foundation / WinForms
- Microsoft Visual Studio XAML Editor, XAML based GUI layout
- Microsoft Expression Blend
- SharpDevelop
- Xarmarin.Forms / .NET Core
- Xamarin Studio
C++ Based
- UWP / Windows Presentation Foundation / WinForms
- Microsoft Visual Studio XAML Editor, XAML based GUI layout
- Microsoft Expression Blend
- C++Builder / VCL (Visual Component Library)
- Gtkmm / Gui Builder IDE?
- Qt Creator / Qt
- FLTK
- wxWidgets
- wxGlade
- wxFormBuilder
- wxCrafter (plugin for CodeLite)
Objective-C / Swift Based
- Cocoa/OpenStep
- GNUstep
- Gorm
Java-Based
- Android Studio, XML based GUI layout
- NetBeans GUI design tool
HTML/Javascript Based
- DreamWeaver from Adobe (Web Application User Interface Builders)
- Apache Cordova / PhoneGap
Database Specific
- DataBase
Object Pascal Based
- Delphi / VCL (Visual Component Library)
- Lazarus
Tk Framework Based
- Tk (framework)
- ActiveState Komodo (No longer has a GUI builder)
Visual Basic Based
- UWP / Windows Presentation Foundation / WinForms
- Microsoft Visual Studio XAML Editor, XAML based GUI layout
- Microsoft Expression Blend
Misc
- App Inventor for Android
- AutoIt
- Axure RP
- Interface Builder
- Crank Storyboard Suite
- Embedded Wizard
- FLUID
- GEM
- Resource construction set
- Stetic
- LucidChart
- nuBuilder
- OpenWindows
- Scaleform
- Ultimate++
- Wavemaker
List of development environments
IDEs with GUI builders
- 4D
- ActiveState Komodo (No longer has a GUI builder)
- Android Studio
- AutoIt3
- C++Builder
- Clarion
- Code::Blocks
- CodeLite
- dBase
- Delphi
- Eclipse
- Gambas
- JDeveloper
- KDevelop
- Kushal
- LabWindows/CVI
- LANSA
- Lazarus
- Liberty BASIC
- Microsoft Visual Studio
- MonoDevelop
- MSEide+MSEgui
- MyEclipse
- OutSystems
- PascalABC.NET
- Philasmicos Entwickler Studio
- Purebasic
- Qt Creator
- SharpDevelop
- Softwell Maker
- Xcode
- Xojo
See also
- Human interface guidelines
- Human interface device
- User interface markup language
- User Interface Modeling
- Design-Oriented Programming
- Linux on the desktop