xiaoyuejin/Minimalistic-Flat-Modern-GUI-Template

A Free to use, Beautiful, Feature Rich, Fully Customizable Flat Modern GUI Template Using Pyside2 designed in Qt Designer, supported for Windows/Linux/Mac OS, Incorporating widgets like Buttons, Progress Bar, Custom Tabs, and many more.

Minimalistic Flat Modern GUI Template

A Free to use, Beautiful, Feature Rich, Fully Customizable Flat Modern GUI Template Using Pyside2 designed in Qt Designer, supported for Windows/Linux/Mac OS, Incorporating widgets like Buttons, Progress Bar, Custom Tabs, and many more.

Check below to see more Images of the GUI.

HIGHLIGHTS

• Flat Minimalistic Design.
• Dual Tone Color Scheme.
• Dedicated Menu Bar.
• Dedicated About Page.
• Toggle Menu Button.
• Custom Top Bar With Custom Minimize, Maximize, Restore, and Close Buttons.
• Custom Widgets:
  • Push Buttons
  • Progress Bar
  • Radio Buttons
  • Check Boxes
  • Text Edit Field
  • Horizontal and Vertical Sliders
  • Horizontal and Vertical Scroll Bar
  • Combo Box.
  • Text Browser
• Custom Dialog Box with customizable Heading, Message to Display, Buttons to Display.
• Custom Error Box with customizable Heading, Message to Display, and Button.

PREREQUISITES

• Intermediate Python User

• Comfortable in coding Pyside2/PyQt5/PyQt4 or has been using any other Python GUI package(refer to Resource section).

• Install PySide2, Qt Designer

• Comfortable in using Qt Designer.

  If you are completely new to GUI in python, then I suggest you quickly head forward to the Resource section for help.

QUICKSTART

Clone/Fork the Repository to your PC, open the /exe folder and run the main.exe file to experience the GUI in a glance(don't forget that icons folder is required for main.exe to work.).

• If you have installed the PySide2, then try running the main.py

  C:/User/home/minimalistic-flat-modern-ui>python3 main.py

  from your favorite terminal.

• To modify the Main Window Design open the ui_main.py file in Qt Designer, make necessary modifications, and then the action of the widget can be coded in the main.py and ui_function.py files.

• To Modify the Dialog Box Design open the ui_dialog.ui file in Qt Designer, for coding related to Dialog Box, move to class dialogUi in main.py.The Same applies to the Error Box.

• All the Custom Stylesheet used in this Project is provided in the Documentation.pdf file. Use them where ever required.

• Check the images folder to see the GUI Images.

LAYOUT

The Layout of the GUI is made using Qt Designer, gives you easy access to the widget name used in this project so that you can modify the GUI to fit your purpose with ease.

This below illustration only represents the superficial part of the GUI. Widget inside the Stacked pages listed in the image, is not displayed here. The full representation is given in the Documentation.pdf file.

DOCUMENTATION

For Complete Documentation check the Documentation.pdf. Each python file is commented well for your reference.The Stylesheet used in this project is also provided in the pdf itself.

QUICK GLANCE

Color Scheme

Fonts

Home Page

Toggle About

Page Within a Page

Dialog Box and Error Box

Widgets

Stock Size and Full Screen

Stock Size

Full Screen

RESOURCES

• Python Library used: Pyside2

• Qt Designer : Download

• Python Basic Pyside2 Programming:

  • Parwiz Forogh PySide2 GUI Tutorial in his YouTube Channel: One of the Best for Beginners.

  • GeekForGeek: best Guides for PySide2/PyQt5.

  • Tutorial Point PyQt Tutorials: Even though they are for the PyQt4, almost work with PySide2.

• Pyside2 Stylesheet Documentation: Qt For Python

SUPPORT

😃 Support my work by forking or downloading this project, check it out, and share the experience.

😃 Support like this motivates me to do more creative, work for Open Source.

👉 Check out my other Projects in the My GitHub Profile

• Hiding Files inside an Image: Project Image Steganography
• Backup your PC and Android wirelessly using the Ultra Backup Software.