22 Modern UI - A Python App GUI For QT, PyQt, PySide Desktop App | Custom Widgets Module Tutorial

The QT-PyQt-PySide-Custom-Widgets Module was first released in June 2021 with the aim of helping QT Developers speed up the UI development process.
Create beautiful app modern app interfaces using the custom widgets module. This video will take you through all the important steps to get you started with your first GUI app,

Install The Custom Widgets Module

Download The Icons

Download the app source code:
(Without UI files)
(With UI files)
Download From patreon:
OLD(PySide2):
UPDATED VERSION(PySide6):

Download From Gumroad:
OLD(PySide2):
UPDATED VERSION(PySide6):

THANK YOU FOR YOUR SUPPORT!
HAPPY NEW YEAR 2022

#python #figma #uidesign #modernUI #qml

====================================================================
Join this channel to get access to perks:

Song: Ehrling - Palm Trees (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.

-----------------------------------------------------------------------------------------------------------------------------------------
MAKE YOUR CONTRIBUTIONS
--------------------------------------------------------------------------------------------------------------------------------------
Send Me A Cup Of Coffee
Support Me
I use Payoneer to send and receive money online:
-----------------------------------------------------------------------------------------------------------------------------------------
IMPORTANT LINKS / LINK MUHIMU
--------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------

[danmaster]

Good work. I've really had a great time doing it. <3

There are a few things that don't work at all (and can be fixed):

- The sizerGrip: it's hard to catch with the mouse and in my case, when you resize the window vertically there is no way back.
- The animation of the rightMenuContainer is weird (very easy to fix)
- In the leftMenuContainer (last frame with settings, help, ...) when you click on "closeCenterMenuBtn" the QPushButton should no longer be selected (the background)

[SpinnTV]

Install custom widgets
Download the app source code:
(Without UI files)
(With UI files)
Download From patreon:
OLD(PySide2):
UPDATED VERSION(PySide6):

Download From Gumroad:
OLD(PySide2):
UPDATED VERSION(PySide6):

[dawntredder]

I really want to like your videos, but so wish you spoke over them and kept them at normal pace. It's quite painful trying to follow along.

[yassineamri]

You are the best youtuber inthe world, thank you body, thank you

[lehoaigiangctu]

you are Professional Developer. thank for sharing.

[uncleprosper]

Sir I love what you do with python gui frameworks.
This is my request can you make tutorial videos that integrate API from Django to pyqt or kivy. Ive searched but I've not seen.

I'm a learner of Django but don't want to use other framework like flutter for mobile.
I love python and would like to build my app entirely with python. I've made my research and have considered kivy and pqt for mobile app.

[otchoumoudominiqueangbeni]

Thank you again !
Plz, can you show us how to make video player with python and Pyside ?

[TheBapi]

Nice 👍 we need more library use and also back end use

[camiimpostora]

Sorry if this is an obvious question, but why everything has a Container and a SubContainer with margin 0 ???

[shainemuswere]

Hello, I'm trying to import QT-PyQt-PySide-Custom-Widgets for an app that I'm designing and so far, it said that it managed to install succesfully but for some reason, it's still giving me the error. I upgraded the pip installer to see if it works now but no luck. Still getting Import "Custom_Widgets.Widgets" could not be resolved. Using PYQTDesigner 5.15.2. Please help.

[phiraphats]

Which version of Qt Designer you have used?
I’ve download the latest Qt Designer 3.2
But I can’t find tools as yours (such as blank widget)

[rohithyenni]

Hey I am not able to change the layout alignment after I have added the tool tips for all the buttons. The layout alignment looks like it is disabled.

[LeandroAlves-rcqg]

Great ! Amazing!
Here, I'm receiving an error when I'm trying to loadJsonStyle, even after I install The Custom Widgets Module, the application say that 'cannot load library 'libcairo' and others libs with the name cairo. I googled but I did not find how to fix this error. Do you how to fix it? the exception appears when it try to load import cairosvg into the some Custom Widgets libs.

[soyelparce]

If i have 10 pushButton in a board and i want every button has a instance of popup windows with different text like popup notification window, how can i implement it?

[javierandresmosqueramercha]

Really good work.

In my case, i have some issues doing the test for the custom widgets library as I show in the following section.

OSError: no library called "cairo-2" was found
no library called "cairo" was found
cannot load library 'C:\Program Files\GTK3-Runtime Win64\bin\libcairo-2.dll': error 0x7e
cannot load library 'libcairo.so.2': error 0x7e
cannot load library 'libcairo.2.dylib': error 0x7e
cannot load library 'libcairo-2.dll': error 0x7e

And it takes me to a cascade of dependendicies, so I want to know if you can help me.

[antoniospac]

Hi, when I run it, it gives me an error Unable to import required Qt libraries from Please set the 'ICONIFY_QTLIB' env var to the location of a Qt5 compliant python binding you would like to use.

[alexandryablokov]

Cool video! But Custom QT-PyQt-Pyside-Widgets works with Python 3.9 or older now.

[uiempbr]

how can i change the color of the icons (home icon)

[codechef]

When I use from Custom_Widgets.Widgets import *
i got this error
raise OSError(error_message) # pragma: no cover
OSError: no library called "cairo-2" was found
no library called "cairo" was found
no library called "libcairo-2" was found
cannot load library 'libcairo.so.2': error 0x7e. Additionally, ctypes.util.find_library() did not manage to locate a library called 'libcairo.so.2'
cannot load library 'libcairo.2.dylib': error 0x7e. Additionally, ctypes.util.find_library() did not manage to locate a library called 'libcairo.2.dylib'
cannot load library 'libcairo-2.dll': error 0x7e. Additionally, ctypes.util.find_library() did not manage to locate a library called 'libcairo-2.dll'

[mariamkhanam]

Bro what qt designer are u Using??? In my pc, I can't see most of the widgets you have