Main Re Channel Down Tha, Ab 100K Subscribers Chahiye – Dekho Python GUI se Navbar Illusion!
Demo :
Click Video πππ
π Features:
-
100% Python Tkinter GUI
-
Bootstrap Navbar clone
-
Dropdown, Search, and NavLinks
-
Looks like real website UI!
-
Fully offline Python project
-
Beginner to advanced friendly
Code :
import tkinter as tk
from tkinter import ttk, messagebox
class BootstrapNavbar(tk.Tk):
def __init__(self):
super().__init__()
self.title("Bootstrap 5 Navbar in Python")
self.geometry("800x500")
self.configure(bg="#f8f9fa")
self.create_navbar()
def create_navbar(self):
navbar = tk.Frame(self, bg="white", height=60, bd=1, relief="solid")
navbar.pack(fill='x', side='top')
# Brand Name
brand = tk.Label(navbar, text="Navbar", bg="white", fg="black", font=("Helvetica", 16, "bold"))
brand.pack(side='left', padx=20)
# Navigation Links
links = ["Home", "Link", "Disabled"]
for name in links:
state = tk.DISABLED if name == "Disabled" else tk.NORMAL
btn = tk.Button(navbar, text=name, bg="white", fg="black", bd=0, font=("Helvetica", 12),
activebackground="#e2e6ea", state=state)
btn.pack(side='left', padx=10)
# Dropdown
dropdown_btn = ttk.Menubutton(navbar, text="Dropdown", direction="below")
dropdown_menu = tk.Menu(dropdown_btn, tearoff=0)
dropdown_menu.add_command(label="Action", command=lambda: messagebox.showinfo("Action", "You clicked Action"))
dropdown_menu.add_command(label="Another action")
dropdown_menu.add_separator()
dropdown_menu.add_command(label="Something else here")
dropdown_btn["menu"] = dropdown_menu
dropdown_btn.pack(side='left', padx=10)
# Search Field
search_frame = tk.Frame(navbar, bg="white")
search_frame.pack(side='right', padx=20)
search_entry = tk.Entry(search_frame, width=20, font=("Helvetica", 12))
search_entry.pack(side='left', padx=(0, 5))
search_btn = tk.Button(search_frame, text="Search", bg="#198754", fg="white", font=("Helvetica", 11),
activebackground="#145c37", relief="flat", padx=10)
search_btn.pack(side='left')
if __name__ == "__main__":
app = BootstrapNavbar()
app.mainloop()
Comments
Post a Comment