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

Popular posts from this blog

πŸš€ Simple Login & Registration System in Python Tkinter πŸ“±

πŸš€ Create a Python Screen Recorder with Audio (Complete Code)

πŸ“‘ Fuzzu Packet Sniffer – Python GUI for Real-Time IP Monitoring | Tkinter + Scapy