PyUIBuilder: A Versatile Python GUI Builder for Tkinter, CustomTkinter, and More

Introduction

PyUIBuilder is an intuitive Python GUI builder that aims to revolutionize how developers create graphical user interfaces. Inspired by the ease of use found in design tools like Canva, PyUIBuilder offers a drag-and-drop interface to quickly design and generate Python code for various GUI frameworks. It currently supports Tkinter and CustomTkinter, with ongoing development for Kivy and PySide, making it a versatile choice for Python UI development.

Getting Started

PyUIBuilder is primarily a web-based editor, making it accessible directly through your browser without any local installation.

1. Visit the Official Website: Navigate to PyUIBuilder to start building your GUIs immediately.
2. Explore the Documentation: For detailed guides on using the builder, understanding its features, and advanced configurations, refer to the Docs page.

An upcoming downloadable Electron app is also planned, offering additional premium features for local development.

Features

PyUIBuilder comes packed with features designed to streamline your GUI development workflow:

• Framework Agnostic: Generates code for multiple Python GUI frameworks.
• Pre-built UI Widgets: A rich library of ready-to-use widgets.
• Plugins: Extend functionality with support for 3rd party UI libraries.
• Layout Managers: Supports various layout managers, including flex, grid, and absolute positioning.
• Python Code Generation: Outputs clean, editable Python code.
• Local Asset Upload: Ability to upload and integrate local assets into your designs.
• Requirements.txt Generation: Automatically generates a requirements.txt file when needed.

Example

PyUIBuilder simplifies the process of creating complex UIs. Below is an example of Python code generated by PyUIBuilder for a Tkinter application, along with its visual output:

# This code is generated by PyUIbuilder: https://github.com/PaulleDemon/PyUIBuilder

import tkinter as tk
from tktimepicker import AnalogPicker, AnalogThemes, constants
import tkintermapview

main = tk.Tk()
main.config(bg="#332f2f")
main.title("Main Window")

timepicker = AnalogPicker(parent=main, type=constants.HOURS12)
timepicker_theme = AnalogThemes(timepicker)
timepicker_theme.setNavyBlue()
timepicker.place(x=80, y=145, width=250, height=350)

map_viewer = tkintermapview.TkinterMapView(master=main)
map_viewer.place(x=423, y=181, width=400, height=250)

label = tk.Label(master=main, text="Sample text")
label.config(bg="#E4E2E2", fg="#000")
label.place(x=83, y=69, width=130, height=46)

button = tk.Button(master=main, text="Click me")
button.config(bg="#65ff4a", fg="#0b0909")
button.place(x=457, y=108, width=80, height=40)


main.mainloop()

This code, generated with just a few drag-and-drop actions, produces a functional Tkinter window featuring a time picker, a map viewer, a label, and a button. The visual output demonstrates how PyUIBuilder translates your design into a working Python GUI.

Why Use PyUIBuilder?

PyUIBuilder stands out by offering a unique approach to Python GUI development. Its framework-agnostic nature allows you to prototype and build UIs without being locked into a single library. The drag-and-drop interface significantly reduces development time and the learning curve associated with GUI frameworks. By generating clean, editable Python code, it ensures that you retain full control over your application, making it easy to integrate into existing projects or customize further. It's an ideal tool for rapid prototyping, learning GUI development, or simply accelerating your workflow.

Links

• GitHub Repository: PaulleDemon/PyUIBuilder
• Official Website: PyUIBuilder
• Documentation: PyUIBuilder Docs
• Product Hunt: PyUI Builder on Product Hunt
• YouTube Playlist: PyUibuilder playlist
• Discord Invite: Join PyUIBuilder Discord
• Newsletter: Join free newsletter