Posts

Showing posts with the label modern ui

🚀 C++ Modern GUI Login System for Windows - Stylish & Lightweight (Source Code Included)

Image
Demo : Click Video ðŸ‘‡ðŸ‘‡ðŸ‘‡ 🔥 Modern C++ GUI Login System for Windows! This tutorial helps you create a fully interactive login system with a stylish Windows GUI (No Console, Full UI). 📌 Features: ✅ Windows-Based GUI (No Console Window) ✅ User Registration, Login & Password Recovery ✅ Modern UI with Buttons, Text Fields, & Message Boxes ✅ Lightweight & Fast (Uses WinAPI, No Extra Libraries) ✅ Step-by-Step Guide & Full Source Code Provided 📥 Download Source Code & Full Guide Here 👇 Code : #include <windows.h> #include <fstream> #include <string> using namespace std; LRESULT CALLBACK WindowProcedure(HWND, UINT, WPARAM, LPARAM); void RegisterUser(HWND); void LoginUser(HWND); void ForgotPassword(HWND); // Global UI Elements HWND hUsername, hPassword, hRegister, hLogin, hForgot, hLabel; void CreateMainWindow(HWND hwnd) {     // Labels     CreateWindow("STATIC", "Username:", WS_VISIBLE | WS_CHILD, 20, 20, 80, 25, hwnd, NU...
Post a Comment
Read more

🔥 Responsive Card Grid Using Flexbox | Modern UI Design with Hover Effect

Image
Demo : Click Video ðŸ‘‡ðŸ‘‡ðŸ‘‡ 🎯 Features: ✅ Fully responsive on all devices 📱💻 ✅ Smooth hover effect for a modern look 🔥 ✅ Perfect for portfolios, blogs, and product showcases Code : 📂 Folder Structure: /responsive-card-grid   │── index.html   │── style.css   HTML : <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Responsive Card Grid with Flexbox</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div class="card-container">         <div class="card">             <img src="https://via.placeholder.com/300" alt="Card Image">             <h2>Card Title 1</h2>             <p>...
Post a Comment
Read more

Build a Simple Blog Application with Python and CustomTkinter

Image
Demo : Click Video ðŸ‘‡ðŸ‘‡ðŸ‘‡ Code : Libraries Required: cmd => pip install customtkinter import sqlite3 from tkinter import * from tkinter import messagebox import customtkinter as ctk # Database setup conn = sqlite3.connect('blog.db') cursor = conn.cursor() cursor.execute(''' CREATE TABLE IF NOT EXISTS posts (     id INTEGER PRIMARY KEY AUTOINCREMENT,     title TEXT NOT NULL,     content TEXT NOT NULL,     created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); ''') conn.commit() # Functions def create_post():     title = title_entry.get()     content = content_entry.get("1.0", "end-1c")          if title and content:         cursor.execute("INSERT INTO posts (title, content) VALUES (?, ?)", (title, content))         conn.commit()         messagebox.showinfo("Success", "Post created successfully!")         title_entry.delete...
Post a Comment
Read more

👉 Modern Eye Password Toggle UI using HTML, CSS & JavaScript | Stylish Login Form

Image
Demo : Click Video ðŸ‘‡ðŸ‘‡ðŸ‘‡ Features: ✅ Modern UI (Glassmorphism effect) ✅ Eye Icon Toggle (Show/Hide Password) ✅ Fully Responsive ✅ Smooth Animations Code : 📂 Folder Structure: /password-toggle-form     ├── index.html     ├── style.css     ├── script.js   🔹 index.html <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Login Form with Eye Toggle</title>     <link rel="stylesheet" href="style.css">     <script defer src="script.js"></script>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> </head> <body>     <div class="login-container">         <h2>Login</h2>       ...
Post a Comment
Read more