Main window with a new style [Template]

[Akascape]

This is a template code for those users who are using windows 10 and want round corners in their main window!

Classic Theme

Modern Theme

Code Template:

# Only for windows 10/11
# Author: Akash Bora

import customtkinter
from ctypes import windll
from PIL import Image, ImageTk
import os

# Template Options
class CTkWindow(customtkinter.CTk):
    def __init__(self,
                app_title = "CTk", # Application name
                geometry = "500x300", # Enter window geometry 
                titlebar_color = "default", # Specify the color of top bar
                title_color = "default", # Title label color
                fg_color = "default", # fg_color of window
                resizable = True, # Resize window dynamically
                round_corner = 12, # corner_radius
                icon = None, # icon path
                justify = "left", # title justify
                style = "classic" # style, classic or modern
                ):
        
        super().__init__()
        self.overrideredirect(1)
        transparent_color = self._apply_appearance_mode(['#f2f2f2','#000001'])
        self.config(background=transparent_color)
        self.attributes("-transparentcolor", transparent_color) # transparent_color will be the transparent color
        self.geometry(geometry)
        self.grid_columnconfigure(0, weight=1)
        self.grid_rowconfigure(0, weight=1)

        self.x = self.winfo_x()
        self.y = self.winfo_y()
        self.fullscreen = False
        self.GWL_EXSTYLE = -20
        self.WS_EX_APPWINDOW = 0x00040000
        self.WS_EX_TOOLWINDOW = 0x00000080
        self.titlebar_color = ["white","black"] if titlebar_color=="default" else titlebar_color
        title_color = ["black","white"] if title_color=="default" else title_color
        self.header = customtkinter.CTkFrame(self, corner_radius=round_corner, fg_color=self.titlebar_color,
                                           background_corner_colors=(transparent_color,transparent_color,None,None))
        self.header.grid(sticky="nwe", row=0)
        self.header.grid_columnconfigure(0, weight=1)
        self.header.grid_rowconfigure(0, weight=1)
        self.header.bind("<ButtonPress-1>", self.oldxyset)
        self.header.bind("<B1-Motion>",  self.move_window)
        self.header.bind("<Double-1>",  lambda e: self.max_window())
        
        fg_color = customtkinter.ThemeManager.theme["CTk"]["fg_color"] if fg_color=="default" else fg_color
            
        self.app = customtkinter.CTkFrame(self, corner_radius=round_corner, bg_color=transparent_color, fg_color=fg_color,
                                     background_corner_colors=(fg_color,fg_color,None,None))
        self.app.grid(sticky="nsew", row=0,pady=(29,0))
        self.app.bind("<Map>", self.frame_mapped)
        
        if resizable==True:
            self.app.bind("<Motion>", self.change_cursor)
            self.app.bind("<B1-Motion>", self.resize)
            max_button_color = "yellow"
            hover_color = "#ffda71"
        else:
            max_button_color = "grey60"
            hover_color = "grey60"
            
        self.resizable = resizable
        self.ctkimage = customtkinter.CTkImage(Image.open(os.path.join(os.path.dirname(customtkinter.__file__),"assets","icons","CustomTkinter_icon_Windows.ico")), size=(16,16))
        self.icon = self.ctkimage if icon is None else customtkinter.CTkImage(Image.open(icon), size=(16,16))
        self.title_label = customtkinter.CTkLabel(self.header, width=10, image=self.icon, compound="left", text=f"  {app_title}", anchor="n", text_color=title_color)
        if justify=="center":
            self.title_label.grid(row=0, sticky="we", padx=(30,0), pady=7)
        else:
            self.title_label.grid(row=0, sticky="w", padx=8, pady=7)
         
        self.title_label.bind("<ButtonPress-1>", self.oldxyset)
        self.title_label._label.bind("<ButtonPress-1>", self.oldxyset)
        self.title_label.bind("<B1-Motion>", self.move_window)
        self.title_label.bind("<Double-1>",  lambda e: self.max_window())
        self.minmize = False
        self.style = style
        if style=="modern":
            self.button_close = customtkinter.CTkButton(self.header, corner_radius=10, width=10, height=10, text="",
                                                   hover_color="dark red", fg_color="red", command=self.close_window)
            self.button_close.grid(row=0, column=2, sticky="ne", padx=(0,15), pady=10)
            self.button_close.configure(cursor="arrow")

            self.button_max = customtkinter.CTkButton(self.header, corner_radius=10, width=10, height=10, text="",
                                                 hover_color=hover_color, fg_color=max_button_color, command=self.max_window)
            self.button_max.grid(row=0, column=1, sticky="ne", padx=10, pady=10)
            self.button_max.configure(cursor="arrow")

            self.button_min = customtkinter.CTkButton(self.header, corner_radius=10, width=10, height=10, text="",
                                                 hover_color="light green", fg_color="green", command=self.min_window)
            self.button_min.grid(row=0, column=0, sticky="ne", pady=10)
            self.button_min.configure(cursor="arrow")
        else:
            self.button_close = customtkinter.CTkButton(self.header, corner_radius=round_corner, width=40, height=30, text="✕",
                                                   hover_color="#c42b1c", fg_color="transparent", text_color=["black","white"],
                                                   background_corner_colors=(None,transparent_color,None,None), command=self.close_window)
            self.button_close.grid(row=0, column=2, sticky="ne", padx=0, pady=0)
            self.button_close.configure(cursor="arrow")
            self.button_close.bind("<Enter>", lambda e: self.change_bg(transparent_color, 1), add="+")
            self.button_close.bind("<Leave>", lambda e: self.change_bg(transparent_color, 0), add="+")
            
            self.button_max = customtkinter.CTkButton(self.header, corner_radius=0, width=40, height=30, text="□",text_color=["black","white"],
                                                 hover_color="#2d2d2d", fg_color="transparent", command=self.max_window)
            self.button_max.grid(row=0, column=1, sticky="ne", padx=0, pady=0)
            self.button_max.configure(cursor="arrow")

            self.button_min = customtkinter.CTkButton(self.header, corner_radius=0, width=40, height=30, text="—",text_color=["black","white"],
                                                 hover_color="#2d2d2d", fg_color="transparent", command=self.min_window)
            self.button_min.grid(row=0, column=0, sticky="ne", pady=0)
            self.button_min.configure(cursor="arrow")
        
    def change_bg(self, transparent_color, hover):
        if hover: 
            self.button_close.configure(background_corner_colors=("#c42b1c",transparent_color,"#c42b1c","#c42b1c"), fg_color="#c42b1c")
        else:
            self.button_close.configure(background_corner_colors=(self.titlebar_color,transparent_color,self.titlebar_color,self.titlebar_color),
                                        fg_color=self.titlebar_color)
            
    def geometry(self, geometry):
        super().geometry(geometry)
        
    def iconbitmap(self, icon):
        self.icon = customtkinter.CTkImage(Image.open(icon), size=(16,16))
        self.title_label.configure(image=self.icon)
        
    def oldxyset(self, event):
        self.oldx = event.x
        self.oldy = event.y
        
    def move_window(self, event):
        if self.fullscreen==False:
            self.y = event.y_root - self.oldy
            self.x = event.x_root - self.oldx
            self.geometry(f'+{self.x}+{self.y}')
        
    def close_window(self):
        super().destroy()
        
    def frame_mapped(self, e):
        self.update_idletasks()
        self.overrideredirect(True)
        self.state('normal')
        if self.minmize:
            self.fullscreen = False
            self.max_window()
        self.minmize = False
        
    def min_window(self):
        self.update_idletasks()
        self.overrideredirect(False)
        self.withdraw()
        self.state('iconic')
        if self.fullscreen:
            self.minmize = True
        
    def set_appwindow(self):
        hwnd = windll.user32.GetParent(self.winfo_id())
        style = windll.user32.GetWindowLongW(hwnd, self.GWL_EXSTYLE)
        style = style & ~self.WS_EX_TOOLWINDOW
        style = style | self.WS_EX_APPWINDOW
        res = windll.user32.SetWindowLongW(hwnd, self.GWL_EXSTYLE, style)
        self.wm_withdraw()
        self.after(10, lambda: self.wm_deiconify())
        
    def max_window(self):
        if self.resizable==True:
            if self.fullscreen==False:
                self.update_idletasks()
                self.overrideredirect(False)
                self.wm_state('zoomed')
                self.overrideredirect(True)
                self.after(10, lambda: self.set_appwindow())
                self.state('normal')
                self.fullscreen=True
                if self.style=="classic": self.button_max.configure(text="❒")
            else:
                self.geometry(f'+{self.x}+{self.y}')
                self.fullscreen=False
                if self.style=="classic": self.button_max.configure(text="□")
                
    def change_cursor(self, event):
        if (event.x in range(self.app.winfo_width()-10, self.app.winfo_width())
            and event.y in range(self.app.winfo_height()-10, self.app.winfo_height())):
            self.config(cursor="size_nw_se")
            return
        else:
            self.config(cursor="")
        
        if (event.x in range(self.app.winfo_width()-5, self.app.winfo_width())
            and event.y in range(0, self.app.winfo_height())):
            self.config(cursor="sb_h_double_arrow")
            return
        else:
            self.config(cursor="")

        if (event.x in range(0, self.app.winfo_width())
            and event.y in range(self.app.winfo_height()-5, self.app.winfo_height())):
            self.config(cursor="sb_v_double_arrow")
            return
        else:
            self.config(cursor="")
            
    def resize(self, event):
        if self.cget('cursor')=="size_nw_se":
            if event.x>100 and event.y>100:
                self.geometry(f"{event.x_root-self.x}x{event.y_root-self.y}")
        elif self.cget('cursor')=="sb_h_double_arrow":
            self.geometry(f"{event.x_root-self.x}x{self.winfo_height()}")
        elif self.cget('cursor')=="sb_v_double_arrow":
            self.geometry(f"{self.winfo_width()}x{event.y_root-self.y}")
            
    def configure(self, **kwargs):
        if "titlebar_color" in kwargs:
            self.titlebar_color = kwargs["titlebar_color"]
            self.header.configure(fg_color=self.titlebar_color)
        if "title" in kwargs:
            self.title_label.configure(text=f"  {kwargs['title']}")
        if "icon" in kwargs:
            self.icon = customtkinter.CTkImage(Image.open(kwargs["icon"]), size=(16,16))
            self.title_label.configure(image=self.icon)
        if "fg_color" in kwargs:
            self.app.configure(fg_color=fg_color)
        if "title_color" in kwargs:
            self.title_label.configure(text_color=kwargs['title_color'])     

if __name__=="__main__":    
    window = CTkWindow()
    # put widget in window.app 
    window.mainloop()

You are free to use this template :)
CTk Version: 5.0

[Akascape]

Features:

Drag window precisely: ✅
Customize title bar: ✅
Resizable window: ✅
Icon image: ✅
Rounded corners: ✅
Circular buttons: ✅
App Title: ✅
Compatible with latest version: ✅

[Nikushavar]

this is the result i got after changing root to app in buttons, but i need buttons to be below entry box.

[Akascape]

@Nikushavar You are not using the columns and rows properly. First make the app in a normal ctk window, then add them in the template. You have to properly use rowconfigure, columnconfigure, sticky, padx, pady etc to get a good resizable window. So first study about the grid method.

[Nikushavar]

alright, thank you so much. I literally can't explain how thankful i am for your help during whole process of me making calculator in customtkinter, i started it as something basic and didn't plan to work on it too much, but after you made rounded window i have changed my mind, i am also beginner in python and coding in general, which was probably visible according to my questions, that app wouldn't be possible without your advices on the way, again, thanks alot and sorry if i have annoyed you.

[Akascape]

@Nikushavar Ok, so I improved your calculator program by adding the grid method and fixing some bugs,
Here is your new code:

# Importing libraries
import customtkinter
from tkinter import *
from math import *
from ctypes import windll

# Setting up main color scheme
customtkinter.set_appearance_mode("dark")
customtkinter.set_default_color_theme("blue")

# Template Options
app_title = "Calculator but better" # Application name
geometry = "300x350" # Enter window geometry 
title_bar_color = "grey10" # Specify the color of top bar
title_color = "white" # Title label color
window_color = None # fg_color of window
resizable = True # Resize window dynamically
round_corner = 20 # adjust corner radius

# Template code (to close, change size of window, etc)

def oldxyset(event):
    global oldx, oldy
    oldx = event.x
    oldy = event.y
    
def move_window(event):
    global x, y
    if fullscreen==False:
        y=event.y_root - oldy
        x=event.x_root - oldx
        root.geometry(f'+{x}+{y}')
    
def close_window():
    root.destroy()
    
def frame_mapped(e):
    root.update_idletasks()
    root.overrideredirect(True)
    root.state('normal')
        
def min_window():
    root.update_idletasks()
    root.overrideredirect(False)
    root.state('iconic')

def max_window():
    if resizable==True:
        global fullscreen
        if fullscreen==False:
            root.update_idletasks()
            root.overrideredirect(False)
            root.wm_state('zoomed')
            root.after(10, lambda: set_appwindow(root))
            root.overrideredirect(True)
            root.state('normal')
            fullscreen=True
        else:
            root.geometry(f'+{x}+{y}')
            fullscreen=False
            
def set_appwindow(root):
    hwnd = windll.user32.GetParent(root.winfo_id())
    style = windll.user32.GetWindowLongW(hwnd, GWL_EXSTYLE)
    style = style & ~WS_EX_TOOLWINDOW
    style = style | WS_EX_APPWINDOW
    res = windll.user32.SetWindowLongW(hwnd, GWL_EXSTYLE, style)
    root.wm_withdraw()
    root.after(10, lambda: root.wm_deiconify())
    
def change_cursor(event):
    if (event.x in range(app.winfo_width()-10, app.winfo_width())
        and event.y in range(app.winfo_height()-10, app.winfo_height())):
        root.config(cursor="size_nw_se")
    else:
        root.config(cursor="")
        
def resize(event):
    if root.cget('cursor')=="size_nw_se":
        if event.x>100 and event.y>100:
            root.geometry(f"{event.x_root-x}x{event.y_root-y}")
        
root = customtkinter.CTk() 
root.overrideredirect(1)
root.config(background='#000001')
root.attributes("-transparentcolor", "#000001")
root.geometry(geometry)
root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)
root.bind("<1>", lambda event: event.widget.focus_set())
x = root.winfo_x()
y = root.winfo_y()
fullscreen = False
GWL_EXSTYLE = -20
WS_EX_APPWINDOW = 0x00040000
WS_EX_TOOLWINDOW = 0x00000080

frame_top = customtkinter.CTkFrame(root, corner_radius=round_corner, 
                                   fg_color=title_bar_color,
                                   background_corner_colors=("#000001","#000001","grey10","grey10"))
frame_top.grid(sticky="nwe", row=0)
frame_top.grid_columnconfigure(0, weight=1)
frame_top.grid_rowconfigure(0, weight=1)
frame_top.bind("<ButtonPress-1>", oldxyset)
frame_top.bind("<B1-Motion>", move_window)

app = customtkinter.CTkFrame(root, corner_radius=round_corner, bg_color="#000001", fg_color=window_color,
                             background_corner_colors=(customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"],
                                                       customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"],None,None))
app.grid(sticky="nsew", row=0,pady=(28,0))
app.bind("<Map>",frame_mapped)

if resizable==True:
    app.bind("<Motion>", change_cursor)
    app.bind("<B1-Motion>", resize)
    max_button_color = "yellow"
    hover_color = "#ffda71"
else:
    max_button_color = "grey60"
    hover_color = "grey60"

title_label = customtkinter.CTkLabel(frame_top,  width=1, height=60, 
                                     text=app_title, anchor="n", 
                                     text_color=title_color)
title_label.grid(row=0, sticky="w", padx=20, pady=8)
title_label.bind("<ButtonPress-1>", oldxyset)
title_label.bind("<B1-Motion>", move_window)
    
button_close = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color="dark red", fg_color="red",
                                       command=close_window)
button_close.grid(row=0, column=2, sticky="ne", padx=(0,15), pady=10)
button_close.configure(cursor="arrow")

button_max = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color=hover_color, fg_color=max_button_color,
                                      command=max_window)
button_max.grid(row=0, column=1, sticky="ne", padx=10, pady=10)
button_max.configure(cursor="arrow")

button_min = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color="light green", fg_color="green",
                                       command=min_window)
button_min.grid(row=0, column=0, sticky="ne", pady=10)
button_min.configure(cursor="arrow")
# Now we can place any widgets we want above

def change_bind(selected=True):
    # bind the numbers properly
    if selected:
        root.bind("7", lambda e: button_click(7))
        root.bind("8", lambda e: button_click(8))
        root.bind("9", lambda e: button_click(9))
        root.bind("4", lambda e: button_click(4))
        root.bind("5", lambda e: button_click(5))
        root.bind("6", lambda e: button_click(6))
        root.bind("1", lambda e: button_click(1))
        root.bind("2", lambda e: button_click(2))
        root.bind("3", lambda e: button_click(3))
        root.bind("0", lambda e: button_click(0))
        root.bind(".", lambda e: button_click('.'))
    else:
        for i in range(0,10):
            root.unbind(str(i))
            root.unbind(".")
            
# Defining variables which we'll use for calculator
app.rowconfigure((1,2,3,4), weight=1)
app.columnconfigure((1,2,3,4), weight=1)

font1=("Arial", 20,"bold")
e_var = StringVar()
e = customtkinter.CTkEntry(app, textvariable=e_var, font=font1, width=230, fg_color="#000000", border_color="#000000")
e.grid(row=0, column=0, columnspan=5, sticky="news", padx=10, pady=(10,5))
e.bind("<Button-1>", lambda event: change_bind(False))
app.bind("<Button-1>", lambda event: change_bind(True))
change_bind(True)

# Defining functions which we'll use
    
def button_click(number):
    current = e_var.get()
    if current == 'error' or current =='undefined':
        e_var.set(str(number))
    else:
        e_var.set(str(current) + str(number))

def button_clear():
    e_var.set('')

def button_add():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "addition"
    f_num = float(first_number)
    e_var.set('')

def button_equal():
    second_number = e_var.get()
    e_var.set('')
    global math
    try: 
        if math == "addition":
            e_var.set(f_num + int(second_number))
        if math == "subtraction":
            e_var.set(f_num - int(second_number))
        if math == "multiplication":
            e_var.set(f_num * float(second_number))
        if math == "division":
            e_var.set(f_num / int(second_number))
        if math == "power":
            e_var.set(pow(float(f_num), float(second_number)))
        if math == "sqrt":
            e_var.set(sqrt(f_num)) # Gives sqrt of only first number
    except (NameError, ValueError):
        e_var.set('error')
    except ZeroDivisionError:
        e_var.set('undefined')

def button_subtract():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "subtraction"
    f_num = float(first_number)
    e_var.set('')

def button_multiply():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "multiplication"
    f_num = float(first_number)
    e_var.set('')

def button_divide():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "division"
    f_num = float(first_number)
    e_var.set('')

def button_power():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num
    global math
    math = "power"
    f_num = float(first_number)
    e_var.set('')

def button_sqrt():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num
    global math
    math = "sqrt"
    f_num = float(first_number)
    e_var.set('')

# Displaying buttons

            
button1 = customtkinter.CTkButton(app, command=button_clear, text="C", 
                                  font=font1, width=50)
root.bind("!", lambda e: button_clear()) # Clear will be bound to button "!"
    
button1.grid(row=1, column=1, sticky="ewsn", padx=(10,5), pady=5)

button2 = customtkinter.CTkButton(app, command=button_sqrt, text="√", 
                                  font=font1, width=50)
root.bind("%", lambda e: button_sqrt()) # Sqrt will be bound to button "%"
button2.grid(row=1, column=2, sticky="ewsn", padx=5, pady=5)

button3 = customtkinter.CTkButton(app, command=button_divide, text="/", 
                                  font=font1, width=50)
root.bind("/", lambda e: button_divide()) # Division will be bound to button "/"
button3.grid(row=1, column=3, sticky="ewsn", padx=5, pady=5)

button4 = customtkinter.CTkButton(app, command=button_multiply, text="x", 
                                  font=font1, width=50)
root.bind("*", lambda e: button_multiply()) # Multiplication will be bound to button "*"
button4.grid(row=1, column=4, sticky="ewsn", padx=(5,10), pady=5)

button5 = customtkinter.CTkButton(app, command=lambda: button_click(7), 
                                  text="7", font=font1, width=50, 
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button5.grid(row=2, column=1, sticky="ewsn", padx=(10,5), pady=5)

button6 = customtkinter.CTkButton(app, command=lambda: button_click(8), 
                                  text="8", font=font1, width=50, 
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button6.grid(row=2, column=2, sticky="ewsn", padx=5, pady=5)

button7 = customtkinter.CTkButton(app, command=lambda: button_click(9),
                                  text="9", font=font1, width=50,
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button7.grid(row=2, column=3, sticky="ewsn", padx=5, pady=5)

button8 = customtkinter.CTkButton(app, command=button_add, text="+", 
                                  font=font1, width=50,)
root.bind("+", lambda e: button_add())
button8.grid(row=2, column=4, sticky="ewsn", padx=(5,10), pady=5)

button9 = customtkinter.CTkButton(app, command=lambda: button_click(4), 
                                  text="4", font=font1, width=50,
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button9.grid(row=3, column=1, sticky="ewsn", padx=(10,5), pady=5)

button10 = customtkinter.CTkButton(app, command=lambda: button_click(5), 
                                   text="5", font=font1, width=50, 
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button10.grid(row=3, column=2, sticky="ewsn", padx=5, pady=5)

button11 = customtkinter.CTkButton(app, command=lambda: button_click(6), 
                                   text="6", font=font1, width=50,
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button11.grid(row=3, column=3, sticky="ewsn", padx=5, pady=5)

button12 = customtkinter.CTkButton(app, command=button_subtract, text="-", 
                                   font=font1, width=50)
root.bind("-", lambda e: button_subtract())
button12.grid(row=3, column=4, sticky="ewsn", padx=(5,10), pady=5)

button13 = customtkinter.CTkButton(app, command=lambda: button_click(1), 
                                   text="1", font=font1, width=50,
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button13.grid(row=4, column=1, sticky="ewsn", padx=(10,5), pady=5)

button14 = customtkinter.CTkButton(app, command=lambda: button_click(2), 
                                   text="2", font=font1, width=50, 
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button14.grid(row=4, column=2, sticky="ewsn", padx=5, pady=5)

button15 = customtkinter.CTkButton(app, command=lambda: button_click(3), 
                                   text="3", font=font1, width=50, 
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button15.grid(row=4, column=3, sticky="ewsn", padx=5, pady=5)

button16 = customtkinter.CTkButton(app, command=button_power, text="^",
                                   font=font1, width=50)
button16.grid(row=5, column=1, sticky="ewsn", padx=(10,5), pady=(5,10))
root.bind("^", lambda e: button_power()) # Power will be bound to button "^"

button17 = customtkinter.CTkButton(app, command=lambda: button_click(0), text="0",
                                   fg_color="#1f1f1f", font=font1, width=50)
button17.grid(row=4, column=4, sticky="ewsn", padx=(5,10), pady=5)

button18 = customtkinter.CTkButton(app, command=button_equal, text="=", 
                                   font=font1, width=170)
button18.grid(row=5, column=2, columnspan=3, sticky="ew", padx=(5,10), pady=(5,10))
root.bind("=", lambda e: button_equal())

# looping
root.mainloop()

calculator is done... don't forget to update your repository 😇

[Nikushavar]

@Nikushavar Ok, so I improved your calculator program by adding the grid method and fixing some bugs, Here is your new code:

# Importing libraries
import customtkinter
from tkinter import *
from math import *
from ctypes import windll

# Setting up main color scheme
customtkinter.set_appearance_mode("dark")
customtkinter.set_default_color_theme("blue")

# Template Options
app_title = "Calculator but better" # Application name
geometry = "300x350" # Enter window geometry 
title_bar_color = "grey10" # Specify the color of top bar
title_color = "white" # Title label color
window_color = None # fg_color of window
resizable = True # Resize window dynamically
round_corner = 20 # adjust corner radius

# Template code (to close, change size of window, etc)

def oldxyset(event):
    global oldx, oldy
    oldx = event.x
    oldy = event.y
    
def move_window(event):
    global x, y
    if fullscreen==False:
        y=event.y_root - oldy
        x=event.x_root - oldx
        root.geometry(f'+{x}+{y}')
    
def close_window():
    root.destroy()
    
def frame_mapped(e):
    root.update_idletasks()
    root.overrideredirect(True)
    root.state('normal')
        
def min_window():
    root.update_idletasks()
    root.overrideredirect(False)
    root.state('iconic')

def max_window():
    if resizable==True:
        global fullscreen
        if fullscreen==False:
            root.update_idletasks()
            root.overrideredirect(False)
            root.wm_state('zoomed')
            root.after(10, lambda: set_appwindow(root))
            root.overrideredirect(True)
            root.state('normal')
            fullscreen=True
        else:
            root.geometry(f'+{x}+{y}')
            fullscreen=False
            
def set_appwindow(root):
    hwnd = windll.user32.GetParent(root.winfo_id())
    style = windll.user32.GetWindowLongW(hwnd, GWL_EXSTYLE)
    style = style & ~WS_EX_TOOLWINDOW
    style = style | WS_EX_APPWINDOW
    res = windll.user32.SetWindowLongW(hwnd, GWL_EXSTYLE, style)
    root.wm_withdraw()
    root.after(10, lambda: root.wm_deiconify())
    
def change_cursor(event):
    if (event.x in range(app.winfo_width()-10, app.winfo_width())
        and event.y in range(app.winfo_height()-10, app.winfo_height())):
        root.config(cursor="size_nw_se")
    else:
        root.config(cursor="")
        
def resize(event):
    if root.cget('cursor')=="size_nw_se":
        if event.x>100 and event.y>100:
            root.geometry(f"{event.x_root-x}x{event.y_root-y}")
        
root = customtkinter.CTk() 
root.overrideredirect(1)
root.config(background='#000001')
root.attributes("-transparentcolor", "#000001")
root.geometry(geometry)
root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)
root.bind("<1>", lambda event: event.widget.focus_set())
x = root.winfo_x()
y = root.winfo_y()
fullscreen = False
GWL_EXSTYLE = -20
WS_EX_APPWINDOW = 0x00040000
WS_EX_TOOLWINDOW = 0x00000080

frame_top = customtkinter.CTkFrame(root, corner_radius=round_corner, 
                                   fg_color=title_bar_color,
                                   background_corner_colors=("#000001","#000001","grey10","grey10"))
frame_top.grid(sticky="nwe", row=0)
frame_top.grid_columnconfigure(0, weight=1)
frame_top.grid_rowconfigure(0, weight=1)
frame_top.bind("<ButtonPress-1>", oldxyset)
frame_top.bind("<B1-Motion>", move_window)

app = customtkinter.CTkFrame(root, corner_radius=round_corner, bg_color="#000001", fg_color=window_color,
                             background_corner_colors=(customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"],
                                                       customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"],None,None))
app.grid(sticky="nsew", row=0,pady=(28,0))
app.bind("<Map>",frame_mapped)

if resizable==True:
    app.bind("<Motion>", change_cursor)
    app.bind("<B1-Motion>", resize)
    max_button_color = "yellow"
    hover_color = "#ffda71"
else:
    max_button_color = "grey60"
    hover_color = "grey60"

title_label = customtkinter.CTkLabel(frame_top,  width=1, height=60, 
                                     text=app_title, anchor="n", 
                                     text_color=title_color)
title_label.grid(row=0, sticky="w", padx=20, pady=8)
title_label.bind("<ButtonPress-1>", oldxyset)
title_label.bind("<B1-Motion>", move_window)
    
button_close = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color="dark red", fg_color="red",
                                       command=close_window)
button_close.grid(row=0, column=2, sticky="ne", padx=(0,15), pady=10)
button_close.configure(cursor="arrow")

button_max = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color=hover_color, fg_color=max_button_color,
                                      command=max_window)
button_max.grid(row=0, column=1, sticky="ne", padx=10, pady=10)
button_max.configure(cursor="arrow")

button_min = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color="light green", fg_color="green",
                                       command=min_window)
button_min.grid(row=0, column=0, sticky="ne", pady=10)
button_min.configure(cursor="arrow")
# Now we can place any widgets we want above

def change_bind(selected=True):
    # bind the numbers properly
    if selected:
        root.bind("7", lambda e: button_click(7))
        root.bind("8", lambda e: button_click(8))
        root.bind("9", lambda e: button_click(9))
        root.bind("4", lambda e: button_click(4))
        root.bind("5", lambda e: button_click(5))
        root.bind("6", lambda e: button_click(6))
        root.bind("1", lambda e: button_click(1))
        root.bind("2", lambda e: button_click(2))
        root.bind("3", lambda e: button_click(3))
        root.bind("0", lambda e: button_click(0))
        root.bind(".", lambda e: button_click('.'))
    else:
        for i in range(0,10):
            root.unbind(str(i))
            root.unbind(".")
            
# Defining variables which we'll use for calculator
app.rowconfigure((1,2,3,4), weight=1)
app.columnconfigure((1,2,3,4), weight=1)

font1=("Arial", 20,"bold")
e_var = StringVar()
e = customtkinter.CTkEntry(app, textvariable=e_var, font=font1, width=230, fg_color="#000000", border_color="#000000")
e.grid(row=0, column=0, columnspan=5, sticky="news", padx=10, pady=(10,5))
e.bind("<Button-1>", lambda event: change_bind(False))
app.bind("<Button-1>", lambda event: change_bind(True))
change_bind(True)

# Defining functions which we'll use
    
def button_click(number):
    current = e_var.get()
    if current == 'error' or current =='undefined':
        e_var.set(str(number))
    else:
        e_var.set(str(current) + str(number))

def button_clear():
    e_var.set('')

def button_add():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "addition"
    f_num = float(first_number)
    e_var.set('')

def button_equal():
    second_number = e_var.get()
    e_var.set('')
    global math
    try: 
        if math == "addition":
            e_var.set(f_num + int(second_number))
        if math == "subtraction":
            e_var.set(f_num - int(second_number))
        if math == "multiplication":
            e_var.set(f_num * float(second_number))
        if math == "division":
            e_var.set(f_num / int(second_number))
        if math == "power":
            e_var.set(pow(float(f_num), float(second_number)))
        if math == "sqrt":
            e_var.set(sqrt(f_num)) # Gives sqrt of only first number
    except (NameError, ValueError):
        e_var.set('error')
    except ZeroDivisionError:
        e_var.set('undefined')

def button_subtract():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "subtraction"
    f_num = float(first_number)
    e_var.set('')

def button_multiply():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "multiplication"
    f_num = float(first_number)
    e_var.set('')

def button_divide():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num 
    global math
    math = "division"
    f_num = float(first_number)
    e_var.set('')

def button_power():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num
    global math
    math = "power"
    f_num = float(first_number)
    e_var.set('')

def button_sqrt():
    if not e_var.get().replace(".", "", 1).isdigit():
        return
    first_number = e_var.get()
    global f_num
    global math
    math = "sqrt"
    f_num = float(first_number)
    e_var.set('')

# Displaying buttons

            
button1 = customtkinter.CTkButton(app, command=button_clear, text="C", 
                                  font=font1, width=50)
root.bind("!", lambda e: button_clear()) # Clear will be bound to button "!"
    
button1.grid(row=1, column=1, sticky="ewsn", padx=(10,5), pady=5)

button2 = customtkinter.CTkButton(app, command=button_sqrt, text="√", 
                                  font=font1, width=50)
root.bind("%", lambda e: button_sqrt()) # Sqrt will be bound to button "%"
button2.grid(row=1, column=2, sticky="ewsn", padx=5, pady=5)

button3 = customtkinter.CTkButton(app, command=button_divide, text="/", 
                                  font=font1, width=50)
root.bind("/", lambda e: button_divide()) # Division will be bound to button "/"
button3.grid(row=1, column=3, sticky="ewsn", padx=5, pady=5)

button4 = customtkinter.CTkButton(app, command=button_multiply, text="x", 
                                  font=font1, width=50)
root.bind("*", lambda e: button_multiply()) # Multiplication will be bound to button "*"
button4.grid(row=1, column=4, sticky="ewsn", padx=(5,10), pady=5)

button5 = customtkinter.CTkButton(app, command=lambda: button_click(7), 
                                  text="7", font=font1, width=50, 
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button5.grid(row=2, column=1, sticky="ewsn", padx=(10,5), pady=5)

button6 = customtkinter.CTkButton(app, command=lambda: button_click(8), 
                                  text="8", font=font1, width=50, 
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button6.grid(row=2, column=2, sticky="ewsn", padx=5, pady=5)

button7 = customtkinter.CTkButton(app, command=lambda: button_click(9),
                                  text="9", font=font1, width=50,
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button7.grid(row=2, column=3, sticky="ewsn", padx=5, pady=5)

button8 = customtkinter.CTkButton(app, command=button_add, text="+", 
                                  font=font1, width=50,)
root.bind("+", lambda e: button_add())
button8.grid(row=2, column=4, sticky="ewsn", padx=(5,10), pady=5)

button9 = customtkinter.CTkButton(app, command=lambda: button_click(4), 
                                  text="4", font=font1, width=50,
                                  fg_color="#1f1f1f", hover_color="#1f1f1f")
button9.grid(row=3, column=1, sticky="ewsn", padx=(10,5), pady=5)

button10 = customtkinter.CTkButton(app, command=lambda: button_click(5), 
                                   text="5", font=font1, width=50, 
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button10.grid(row=3, column=2, sticky="ewsn", padx=5, pady=5)

button11 = customtkinter.CTkButton(app, command=lambda: button_click(6), 
                                   text="6", font=font1, width=50,
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button11.grid(row=3, column=3, sticky="ewsn", padx=5, pady=5)

button12 = customtkinter.CTkButton(app, command=button_subtract, text="-", 
                                   font=font1, width=50)
root.bind("-", lambda e: button_subtract())
button12.grid(row=3, column=4, sticky="ewsn", padx=(5,10), pady=5)

button13 = customtkinter.CTkButton(app, command=lambda: button_click(1), 
                                   text="1", font=font1, width=50,
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button13.grid(row=4, column=1, sticky="ewsn", padx=(10,5), pady=5)

button14 = customtkinter.CTkButton(app, command=lambda: button_click(2), 
                                   text="2", font=font1, width=50, 
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button14.grid(row=4, column=2, sticky="ewsn", padx=5, pady=5)

button15 = customtkinter.CTkButton(app, command=lambda: button_click(3), 
                                   text="3", font=font1, width=50, 
                                   fg_color="#1f1f1f", hover_color="#1f1f1f")
button15.grid(row=4, column=3, sticky="ewsn", padx=5, pady=5)

button16 = customtkinter.CTkButton(app, command=button_power, text="^",
                                   font=font1, width=50)
button16.grid(row=5, column=1, sticky="ewsn", padx=(10,5), pady=(5,10))
root.bind("^", lambda e: button_power()) # Power will be bound to button "^"

button17 = customtkinter.CTkButton(app, command=lambda: button_click(0), text="0",
                                   fg_color="#1f1f1f", font=font1, width=50)
button17.grid(row=4, column=4, sticky="ewsn", padx=(5,10), pady=5)

button18 = customtkinter.CTkButton(app, command=button_equal, text="=", 
                                   font=font1, width=170)
button18.grid(row=5, column=2, columnspan=3, sticky="ew", padx=(5,10), pady=(5,10))
root.bind("=", lambda e: button_equal())

# looping
root.mainloop()

calculator is done... don't forget to update your repository 😇

thank you so much ❤❤

[Storik4pro]

Windows11 in this moment: >_<
It's cool)

[Buildercoin]

hi @Akascape very nice fully custom window.

one little bug i found was when i trigger button_max ounce the app just vanish from the taskbar,
but re-appear when button_min is hit but will re-vanish from taskbar when click to view again.

edit :

i found out how to get over it by adding this into the code. but will only work on windows

#library to import
from ctypes import windll

#variable to create
GWL_EXSTYLE=-20
WS_EX_APPWINDOW=0x00040000
WS_EX_TOOLWINDOW=0x00000080

#function to add
def set_appwindow(root):
    hwnd = windll.user32.GetParent(root.winfo_id())
    style = windll.user32.GetWindowLongW(hwnd, GWL_EXSTYLE)
    style = style & ~WS_EX_TOOLWINDOW
    style = style | WS_EX_APPWINDOW
    res = windll.user32.SetWindowLongW(hwnd, GWL_EXSTYLE, style)
    # re-assert the new window style
    root.wm_withdraw()
    root.after(10, lambda: root.wm_deiconify())


#only add the line below the commented message
def max_window():
    if resizable==True:
        global fullscreen
        if fullscreen==False:
            root.update_idletasks()
            root.overrideredirect(False)
            root.wm_state('zoomed')
            root.overrideredirect(True)

            #add this line 
            root.after(10, lambda: set_appwindow(root))
            
            root.state('normal')
            fullscreen=True
        else:
            root.geometry(f'+{x}+{y}')
            fullscreen=False

[Nikushavar]

it appears like this for me

[Akascape]

@Nikushavar what's wrong with this? Change the appearance mode to dark if you wish.

[Nikushavar]

@Nikushavar what's wrong with this? Change the appearance mode to dark if you wish.

no i meant that it doesn't match with picture on the original post with code.

[Akascape]

@Nikushavar It is because I have used the "system" appearance mode instead of dark/light. If you use system then it automatically detect the appearance mode of your OS. Just simply change it to dark or change your OS appearance mode.

[Nikushavar]

@Nikushavar It is because I have used the "system" appearance mode instead of dark/light. If you use system then it automatically detect the appearance mode of your OS. Just simply change it to dark or change your OS appearance mode.

oh alright, thanks 👍

[Whhhatttt]

Can you please show only the part that is responsible for the rounded corners? My application will not have a way to minimize the window or maximize it.

This is a very cool decision, I was always amazed at such people.

[rosa4347]

Hello it's me from your youtube comments Rosa_God and i have a problem when i put my code into class its not finding definitions can you help me please?
It have to be in class because im importing this class when i logged succesfully on my login page.
Here is the code:

import customtkinter
from tkinter import *
from ctypes import windll
import tkinter as tk
import os
from PIL import Image, ImageTk
from pathlib import Path

# from tkinter import *
# Explicit imports to satisfy Flake8
from tkinter import Tk, Canvas, Entry, Text, Button, PhotoImage

class Main_Win():
    customtkinter.set_appearance_mode("dark")
    customtkinter.set_default_color_theme("blue")

# Template Options
    app_title = "" # Application name
    geometry = "1000x600" # Enter window geometry 
    title_bar_color = "grey10" # Specify the color of top bar
    title_color = "grey" # Title label color
    window_color = None # fg_color of window
    resizable = True # Resize window dynamically
    round_corner = 20 # adjust corner radius



    def oldxyset(event):
        global oldx, oldy
        oldx = event.x
        oldy = event.y
    
    def move_window(event):
        global x, y
        if fullscreen==False:
            y=event.y_root - oldy
            x=event.x_root - oldx
            root.geometry(f'+{x}+{y}')
    
    def close_window():
        root.destroy()
    
    def frame_mapped(e):
        root.update_idletasks()
        root.overrideredirect(True)
        root.state('normal')
        
    def min_window():
        root.update_idletasks()
        root.overrideredirect(False)
        root.state('iconic')

    def max_window():
        if resizable==True:
            global fullscreen
            if fullscreen==False:
                root.update_idletasks()
                root.overrideredirect(False)
                root.wm_state('zoomed')
                root.after(10, lambda: set_appwindow(root))
                root.overrideredirect(True)
                root.state('normal')
                fullscreen=True
        else:
            root.geometry(f'+{x}+{y}')
            fullscreen=False
            
    def set_appwindow(root):
        hwnd = windll.user32.GetParent(root.winfo_id())
        style = windll.user32.GetWindowLongW(hwnd, GWL_EXSTYLE)
        style = style & ~WS_EX_TOOLWINDOW
        style = style | WS_EX_APPWINDOW
        res = windll.user32.SetWindowLongW(hwnd, GWL_EXSTYLE, style)
        root.wm_withdraw()
        root.after(10, lambda: root.wm_deiconify())
    
    def change_cursor(event):
        if (event.x in range(app.winfo_width()-10, app.winfo_width())
            and event.y in range(app.winfo_height()-10, app.winfo_height())):
            root.config(cursor="size_nw_se")
        else:
            root.config(cursor="")
        
    def resize(event):
        if root.cget('cursor')=="size_nw_se":
            if event.x>100 and event.y>100:
            root.geometry(f"{event.x_root-x}x{event.y_root-y}")
        
    root = customtkinter.CTk() 
    root.overrideredirect(1)
    root.config(background='#000001')
    root.attributes("-transparentcolor", "#000001")
    root.geometry(geometry)
    root.grid_columnconfigure(0, weight=1)
    root.grid_rowconfigure(0, weight=1)
    root.bind("<1>", lambda event: event.widget.focus_set())
    x = root.winfo_x()
    y = root.winfo_y()
    fullscreen = False
    GWL_EXSTYLE = -20
    WS_EX_APPWINDOW = 0x00040000
    WS_EX_TOOLWINDOW = 0x00000080

    frame_top = customtkinter.CTkFrame(root, corner_radius=round_corner, fg_color=title_bar_color, background_corner_colors=("#000001","#000001","grey10","grey10"))
    frame_top.grid(sticky="nwe", row=0)
    frame_top.grid_columnconfigure(0, weight=1)
    frame_top.grid_rowconfigure(0, weight=1)
    frame_top.bind("<ButtonPress-1>", oldxyset)
    frame_top.bind("<B1-Motion>", move_window)

    app = customtkinter.CTkFrame(root, corner_radius=round_corner, bg_color="#000001", fg_color=window_color, background_corner_colors=(customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"],customtkinter.ThemeManager.theme["CTkFrame"]["fg_color"],None,None))
    app.grid(sticky="nsew", row=0,pady=(28,0))
    app.bind("<Map>",frame_mapped)


    title_label = customtkinter.CTkLabel(frame_top,  width=1, height=60, 
                                     text=app_title, anchor="n", 
                                     text_color=title_color)
    title_label.grid(row=0, sticky="w", padx=150, pady=8)
    title_label.bind("<ButtonPress-1>", oldxyset)
    title_label.bind("<B1-Motion>", move_window)
    
    button_close = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color="dark red", fg_color="red",command=close_window)
    button_close.grid(row=0, column=2, sticky="ne", padx=(0,15), pady=10)
    button_close.configure(cursor="arrow")



    button_min = customtkinter.CTkButton(frame_top, corner_radius=10, width=10, height=10, text="", hover_color="light green", fg_color="green",
                                       command=min_window)
    button_min.grid(row=0, column=1, sticky="ne", padx=(0,10) ,pady=10)
    button_min.configure(cursor="arrow")




    OUTPUT_PATH = Path(__file__).parent
    ASSETS_PATH = OUTPUT_PATH / Path(r"C:\Users\Rosa\Desktop\coding\AURA SPOOFER 2.0\Python Tkinter Modern GUI login and sign up form\main page figma — kopia\build\assets\frame0")


    def relative_to_assets(path: str) -> Path:
        return ASSETS_PATH / Path(path)


    canvas = Canvas(
        app,
        bg = "#000001",
        height = 572,
        width = 1000,
        bd = 0,
        highlightthickness = 0,
        relief = "ridge"
    )

    canvas.place(x = 0, y = 0)
    image_image_1 = PhotoImage(
        file=relative_to_assets("image_1.png"))
    image_1 = canvas.create_image(
        500.0,
        285.0,
    image=image_image_1
    )


    image_image_2 = PhotoImage(
        file=relative_to_assets("image_2.png"))
    image_2 = canvas.create_image(
        40.0,
        40.0,
    image=image_image_2
    )

    canvas.create_text(
        80.0,
        25.0,
        anchor="nw",
        text="Aura Spoofer 2.0",
        fill="#FFFFFF",
        font=("Inter ExtraBold", 20 * -1)
    )

    image_image_3 = PhotoImage(
        file=relative_to_assets("image_3.png"))
    image_3 = canvas.create_image(
        739.0,
        539.0,
    image=image_image_3
    )

    image_image_4 = PhotoImage(
        file=relative_to_assets("image_4.png"))
    image_4 = canvas.create_image(
        826.0,
        539.0,
    image=image_image_4
    )

    image_image_5 = PhotoImage(
        file=relative_to_assets("image_5.png"))
    image_5 = canvas.create_image(
        500.0,
        300.0,
    image=image_image_5
    )

    button_image_1 = PhotoImage(
        file=relative_to_assets("button_1.png"))
    button_1 = Button(
        image=button_image_1,
        borderwidth=0,
        highlightthickness=0,
        command=lambda: print("button_1 clicked"),
        relief="flat",
        bg="#311e4d",
        activebackground="#311e4d"
    )
    button_1.place(
        x=425.0,
        y=395.0,
        width=150.0,
        height=46.0
    )

    button_image_2 = PhotoImage(
        file=relative_to_assets("button_2.png"))
    button_2 = Button(
        image=button_image_2,
        borderwidth=0,
        highlightthickness=0,
        command=lambda: print("button_2 clicked"),
        relief="flat",
        bg="#2a1647",
        activebackground="#2a1647"
    )
    button_2.place(
        x=19.0,
        y=535.0,
        width=43.0,
        height=42.0
    )

    root.mainloop()

[Akascape]

@rosa4347 Put all the content of that class inside an init function, here is the new code: file.txt
However, you should have used the new version of this ctkwindow given here #736 (comment) which is already in the class format.

[rosa4347]

YOOOOOOO bro thanks i one more question is this possible to remove this grey titlebar and place closing button and minimize button on this purple background?

[Akascape]

is this possible to remove this grey titlebar and place closing button and minimize button on this purple background?

@rosa4347 Not in this one, even if you remove that titlebar frame, the image frame can't be customised so easily. Better change the color of the titlebar frame to purple.

[SarthakTools]

Hello Please see my customtkitnter mdoern spoitfy project here sir
https://github.com/SarthakTools/Spotify
I am 16 yrs old and spent my entire class 10 in making it ....

[Akascape]

@SarthakTools Nice project, but please don't spam this on every discussion thread.

[SarthakTools]

@SarthakTools Nice project, but please don't spam this on every discussion thread.

Ok and thank you very much for your review sir........