Create a Modern login UI using CustomTkinter module in Python

Create a Modern login UI using CustomTkinter module in Python

Creating a modern-looking login UI in Python can be done using the CustomTkinter module, which is an extension of the standard Tkinter library. It provides custom widgets that are styled in a more modern way. Before we can use CustomTkinter, we need to install it using pip:

pip install customtkinter

Here's an example of how you could create a simple modern login UI using CustomTkinter:

import customtkinter as ctk
import tkinter.messagebox as mb

def on_login_clicked():
    username = entry_username.get()
    password = entry_password.get()
    
    # Placeholder logic for demonstration; you should implement your actual
    # authentication logic here
    if username == "user" and password == "pass":
        mb.showinfo("Login Success", "You have successfully logged in.")
    else:
        mb.showerror("Login Failed", "Incorrect username or password.")

# Create the main window
app = ctk.CTk()
app.title('Login UI')
app.geometry('300x200')

# Create a label for the username entry
label_username = ctk.CTkLabel(app, text="Username:")
label_username.pack(pady=10)

# Create an entry for the username
entry_username = ctk.CTkEntry(app, placeholder_text="Enter your username")
entry_username.pack()

# Create a label for the password entry
label_password = ctk.CTkLabel(app, text="Password:")
label_password.pack(pady=10)

# Create an entry for the password
entry_password = ctk.CTkEntry(app, placeholder_text="Enter your password", show="*")
entry_password.pack()

# Create a login button
button_login = ctk.CTkButton(app, text="Login", command=on_login_clicked)
button_login.pack(pady=20)

# Run the app
app.mainloop()

In the code above:

  • CTkLabel is used for labels.
  • CTkEntry is used for user input fields.
  • CTkButton is used for the login button.
  • The on_login_clicked function is called when the login button is pressed. It retrieves the username and password from the entry fields and displays a success message if the credentials match a predefined pair ("user" and "pass" in this case). If the credentials do not match, it shows an error message.

This is a very basic example and does not cover the complexity of a real-world login system, such as validating credentials against a database or handling password encryption. However, it shows how to set up a UI using CustomTkinter.

Please be aware that in a production environment, you should never store or transmit passwords in plain text, and you should handle user credentials securely.

More Tags

mod-rewrite jaxb2 32bit-64bit browser-testing positional-argument email-processing angular2-compiler google-cloud-datalab sql-update virtualization

More Programming Guides

Other Guides

More Programming Examples