Uzair WebCraft

@UCpDScySSAqoq7pD8sryMXOw - 101 subscribers

👋 Welcome to my channel! I’m Uzair Ahmad, a passionate Front-End Developer from Pakistan. On this channel, I share my journey of building modern, responsive, and user-friendly websites using technologies like React.js, JavaScript, HTML, CSS, and Tailwind CSS. 🚀 What you’ll find here: Real web development projects UI/UX design ideas Front-end coding tutorials Tips to improve your development skills Creative website builds and practice projects 💻 My goal is to improve my skills every day and help others learn web development in an easy and practical way. 📌 If you’re interested in coding, web design, or becoming a front-end developer, make sure to subscribe and join the journey! Let’s build something amazing together 🚀

Home Videos Live Playlists

Parallax Layer Card with Pure CSS + JavaScript No Libraries! | Glassmorphism UI Tutorial

Parallax Layer Card with Pure CSS + JavaScript No Libraries! | Glassmorphism UI Tutorial Uzair WebCraft

5 views - 23 hours ago

Lift Up Hover Card in Pure CSS — Glassmorphism Gradient Glow Effect No JavaScript

Lift Up Hover Card in Pure CSS — Glassmorphism Gradient Glow Effect No JavaScript Uzair WebCraft

5 views - 1 day ago

This 3D Tilt Card is 100% Pure CSS (No JS Libraries!) — Glassmorphism UI Tutorial

This 3D Tilt Card is 100% Pure CSS (No JS Libraries!) — Glassmorphism UI Tutorial Uzair WebCraft

10 views - 2 days ago

Create a Stunning Neon Grid Animation with Pure CSS (No JavaScript Needed)

Create a Stunning Neon Grid Animation with Pure CSS (No JavaScript Needed) Uzair WebCraft

7 views - 3 days ago

🔥 Build an INSANE Organic Morphing Card with HTML, CSS & JavaScript | Glassmorphism UI Tutorial

🔥 Build an INSANE Organic Morphing Card with HTML, CSS & JavaScript | Glassmorphism UI Tutorial Uzair WebCraft

79 views - 4 days ago

Create Organic Shape Morphing with Pure CSS (No JavaScript)#coding

Create Organic Shape Morphing with Pure CSS (No JavaScript)#coding Uzair WebCraft

28 views - 5 days ago

Modern Glass UI Animation Tutorial | HTML CSS JavaScript#tutorial #coding

Modern Glass UI Animation Tutorial | HTML CSS JavaScript#tutorial #coding Uzair WebCraft

21 views - 6 days ago

Build a STUNNING Gooey Loader Animation with HTML, CSS & JS 🔥

Build a STUNNING Gooey Loader Animation with HTML, CSS & JS 🔥 Uzair WebCraft

29 views - 1 week ago

This CSS Trick Makes a REAL Lava Lamp Effect (Gooey Blob Animation)

This CSS Trick Makes a REAL Lava Lamp Effect (Gooey Blob Animation) Uzair WebCraft

22 views - 1 week ago

🔥 Realistic Snowfall Animation with HTML Canvas & JavaScript | Full Tutorial

🔥 Realistic Snowfall Animation with HTML Canvas & JavaScript | Full Tutorial Uzair WebCraft

11 views - 1 week ago

🔥 Build an Amazing SVG Wave Animation with HTML & CSS | Step by Step Tutorial

🔥 Build an Amazing SVG Wave Animation with HTML & CSS | Step by Step Tutorial Uzair WebCraft

15 views - 1 week ago

Modern Glassmorphism UI with Liquid Blob Effects | Step-by-Step

Modern Glassmorphism UI with Liquid Blob Effects | Step-by-Step Uzair WebCraft

28 views - 1 week ago

Build an EPIC Matrix Rain Effect with HTML, CSS & JavaScript | Step-by-Step Tutorial 2026

Build an EPIC Matrix Rain Effect with HTML, CSS & JavaScript | Step-by-Step Tutorial 2026 Uzair WebCraft

39 views - 1 week ago

Create a Stunning Aurora Background with Pure HTML & CSS 🌌 | No JavaScript | Step-by-Step Tutorial

Create a Stunning Aurora Background with Pure HTML & CSS 🌌 | No JavaScript | Step-by-Step Tutorial Uzair WebCraft

45 views - 1 week ago

Responsive CSS Image Slider (No JavaScript) — Pure HTML & CSS Tutorial

Responsive CSS Image Slider (No JavaScript) — Pure HTML & CSS Tutorial Uzair WebCraft

18 views - 2 weeks ago

Build a Modern Responsive Navbar with HTML & CSS | Glassmorphism Navigation Bar Tutorial

Build a Modern Responsive Navbar with HTML & CSS | Glassmorphism Navigation Bar Tutorial Uzair WebCraft

12 views - 2 weeks ago

Build a Dynamic Theme Switcher with HTML, CSS & JavaScript | Light Dark Mode + Local Storage

Build a Dynamic Theme Switcher with HTML, CSS & JavaScript | Light Dark Mode + Local Storage Uzair WebCraft

10 views - 2 weeks ago

Build an Amazing Mouse Trail Effect with HTML, CSS & JavaScript | Step by Step Tutorial No Libraries

Build an Amazing Mouse Trail Effect with HTML, CSS & JavaScript | Step by Step Tutorial No Libraries Uzair WebCraft

16 views - 2 weeks ago

🎉 Build a Stunning Confetti Animation with HTML, CSS & JavaScript | No Libraries | Canvas API

🎉 Build a Stunning Confetti Animation with HTML, CSS & JavaScript | No Libraries | Canvas API Uzair WebCraft

19 views - 2 weeks ago

Advanced CSS Clamp Tutorial 🚀 | Build Responsive Websites Without Media Queries

Advanced CSS Clamp Tutorial 🚀 | Build Responsive Websites Without Media Queries Uzair WebCraft

20 views - 3 weeks ago

I Built INSANE Scroll Animations Using ONLY CSS 🤯 No JavaScript Needed

I Built INSANE Scroll Animations Using ONLY CSS 🤯 No JavaScript Needed Uzair WebCraft

25 views - 3 weeks ago

Build a Premium SaaS Pricing Table with HTML & CSS 🚀 Step by Step Tutorial

Build a Premium SaaS Pricing Table with HTML & CSS 🚀 Step by Step Tutorial Uzair WebCraft

18 views - 3 weeks ago

How to Create a Premium Ghost Cursor Effect Using HTML, CSS & JavaScript 👻 | Step-by-Step Tutorial

How to Create a Premium Ghost Cursor Effect Using HTML, CSS & JavaScript 👻 | Step-by-Step Tutorial Uzair WebCraft

62 views - 3 weeks ago

I Built an INSANE Neon Glow Button with Ripple Effect Using HTML, CSS & JavaScript 🔥⚡

I Built an INSANE Neon Glow Button with Ripple Effect Using HTML, CSS & JavaScript 🔥⚡ Uzair WebCraft

46 views - 4 weeks ago

Create a Realistic Smoke Effect Using HTML, CSS & JavaScript | Step by Step Tutorial

Create a Realistic Smoke Effect Using HTML, CSS & JavaScript | Step by Step Tutorial Uzair WebCraft

71 views - 1 month ago

Build a Premium Glassmorphism Card with HTML & CSS | Modern UI Design ✨

Build a Premium Glassmorphism Card with HTML & CSS | Modern UI Design ✨ Uzair WebCraft

84 views - 1 month ago

5 Modern CSS Button Animations Using Only HTML & CSS 🔥

5 Modern CSS Button Animations Using Only HTML & CSS 🔥 Uzair WebCraft

19 views - 1 month ago

CSS can do THIS?! 5 Text Stroke Effects You Never Knew Existed 🤯

CSS can do THIS?! 5 Text Stroke Effects You Never Knew Existed 🤯 Uzair WebCraft

22 views - 1 month ago

I Coded a 3D Flip Card in CSS Only 🔥 — Step by Step Tutorial

I Coded a 3D Flip Card in CSS Only 🔥 — Step by Step Tutorial Uzair WebCraft

32 views - 1 month ago

Build a Stunning Hero Section with CSS Background Image – Full Tutorial

Build a Stunning Hero Section with CSS Background Image – Full Tutorial Uzair WebCraft

28 views - 1 month ago

Build a Pricing Card with Spinning Gradient Border Animation | Pure CSS Tutorial

Build a Pricing Card with Spinning Gradient Border Animation | Pure CSS Tutorial Uzair WebCraft

44 views - 1 month ago

Build a 3D Glass Card with RGB Glow & Mouse Tilt Effect | CSS + JavaScript Tutorial

Build a 3D Glass Card with RGB Glow & Mouse Tilt Effect | CSS + JavaScript Tutorial Uzair WebCraft

78 views - 1 month ago

CSS Mask Reveal Effect | Mouse Tracking Hover Animation No Libraries

CSS Mask Reveal Effect | Mouse Tracking Hover Animation No Libraries Uzair WebCraft

54 views - 1 month ago

Text Scramble Effect with Pure CSS & JS 🔥 | Mind Blowing Hover Animation

Text Scramble Effect with Pure CSS & JS 🔥 | Mind Blowing Hover Animation Uzair WebCraft

58 views - 1 month ago

This Button Follows Your Cursor 😱 | Magnetic Button Effect with HTML CSS & JS

This Button Follows Your Cursor 😱 | Magnetic Button Effect with HTML CSS & JS Uzair WebCraft

42 views - 1 month ago

Build an Amazing Staggered Wave Text Animation with HTML & CSS | Modern Text Effects Tutorial

Build an Amazing Staggered Wave Text Animation with HTML & CSS | Modern Text Effects Tutorial Uzair WebCraft

25 views - 1 month ago

Build a Glassmorphism Skeleton Loader with Pure CSS (No Libraries!)

Build a Glassmorphism Skeleton Loader with Pure CSS (No Libraries!) Uzair WebCraft

187 views - 1 month ago

Build a Complete Portfolio Website with HTML & CSS | Full Tutorial for Beginners

Build a Complete Portfolio Website with HTML & CSS | Full Tutorial for Beginners Uzair WebCraft

37 views - 1 month ago

Build a Sliding Sidebar with Pure HTML & CSS Only No JavaScript!

Build a Sliding Sidebar with Pure HTML & CSS Only No JavaScript! Uzair WebCraft

103 views - 1 month ago

Build a Modern Landing Page with HTML & CSS | Glass Effect + Responsive Design

Build a Modern Landing Page with HTML & CSS | Glass Effect + Responsive Design Uzair WebCraft

31 views - 1 month ago

🔥 I Built a Futuristic Front End Developer Portfolio Using HTML & CSS Only

🔥 I Built a Futuristic Front End Developer Portfolio Using HTML & CSS Only Uzair WebCraft

95 views - 1 month ago

JavaScript Memory Game Tutorial 🧠 | Build a Matching Card Game from Scratch

JavaScript Memory Game Tutorial 🧠 | Build a Matching Card Game from Scratch Uzair WebCraft

93 views - 1 month ago

🔥INSANE 3D Neon UI with ONLY HTML & CSS 😱 Mind-Blowing CSS Tricks, Hover Effects & Cyberpunk Design

🔥INSANE 3D Neon UI with ONLY HTML & CSS 😱 Mind-Blowing CSS Tricks, Hover Effects & Cyberpunk Design Uzair WebCraft

45 views - 1 month ago

DON’T LOOK BACK 👁️ | Creepy Horror Website Using HTML CSS JavaScript

DON’T LOOK BACK 👁️ | Creepy Horror Website Using HTML CSS JavaScript Uzair WebCraft

39 views - 1 month ago

I Created a PREMIUM Apple Inspired Website with HTML & CSS 😱

I Created a PREMIUM Apple Inspired Website with HTML & CSS 😱 Uzair WebCraft

26 views - 1 month ago

Create an INSANE Animated Website Using Only HTML & CSS 🔥 | Step-by-Step Tutorial 🚀

Create an INSANE Animated Website Using Only HTML & CSS 🔥 | Step-by-Step Tutorial 🚀 Uzair WebCraft

28 views - 1 month ago

Secret CSS Hover Effect Every Developer Should Know

Secret CSS Hover Effect Every Developer Should Know Uzair WebCraft

31 views - 1 month ago

Create a Stunning Image Hover Effect with HTML & CSS 😍

Create a Stunning Image Hover Effect with HTML & CSS 😍 Uzair WebCraft

50 views - 1 month ago

Modern Landing Page Tutorial for Beginners 😱

Modern Landing Page Tutorial for Beginners 😱 Uzair WebCraft

20 views - 2 months ago

🔥 CSS Loader Animation in Seconds! | Pure HTML & CSS

🔥 CSS Loader Animation in Seconds! | Pure HTML & CSS Uzair WebCraft

29 views - 2 months ago

⚡ I Built a NEON FUTURISTIC Landing Page That Looks ILLEGAL 😱 (HTML CSS JS)

⚡ I Built a NEON FUTURISTIC Landing Page That Looks ILLEGAL 😱 (HTML CSS JS) Uzair WebCraft

26 views - 2 months ago

Crazy CSS Glitch Text Effect 🔥 | HTML & CSS Animation

Crazy CSS Glitch Text Effect 🔥 | HTML & CSS Animation Uzair WebCraft

15 views - 2 months ago

🔥 Amazing Liquid Loading Animation with HTML & CSSPure CSS Liquid Loader Effect Tutorial 💧

🔥 Amazing Liquid Loading Animation with HTML & CSSPure CSS Liquid Loader Effect Tutorial 💧 Uzair WebCraft

25 views - 2 months ago

Create Amazing CSS Tooltips with Pure CSS 🔥 | No JavaScript Needed

Create Amazing CSS Tooltips with Pure CSS 🔥 | No JavaScript Needed Uzair WebCraft

31 views - 2 months ago

Amazing Magnetic Button Hover Effect 🔥

Amazing Magnetic Button Hover Effect 🔥 Uzair WebCraft

19 views - 2 months ago

CSS Login Form That Looks INSANE 🤯

CSS Login Form That Looks INSANE 🤯 Uzair WebCraft

90 views - 2 months ago

Create Realistic Fire Text Animation with CSS Only

Create Realistic Fire Text Animation with CSS Only Uzair WebCraft

30 views - 2 months ago

Modern CSS Typing Animation for Beginners 💻

Modern CSS Typing Animation for Beginners 💻 Uzair WebCraft

140 views - 2 months ago

Smooth Hover Card Animation with HTML & CSS 🔥

Smooth Hover Card Animation with HTML & CSS 🔥 Uzair WebCraft

127 views - 2 months ago

Create Smooth Hover Animation Using CSS

Create Smooth Hover Animation Using CSS Uzair WebCraft

31 views - 2 months ago