Code With Nazia - Invidious

Code With Nazia

🖥️ Code with Nazia — Where code meets creativity || Learn HTML, CSS & beginner friendly JavaScript.

Whether you're a beginner or brushing up on the basics, you’ll find:

🎯 Bite-sized, practical tutorials
💡 Smooth animations & hover effects
🧪 Hands-on coding projects
📱 Responsive design techniques

No fluff — just clean, creative code made simple.

Subscribe and start building beautiful websites — One line of code at a time with Nazia. 💻✨

View channel on YouTube

Switch Invidious Instance

Videos

newest

oldest

popular

6:43

Animated Radio Button Using Only HTML & CSS | Glassmorphism Effects | CSS Animation Tutorial

Code With Nazia

Shared 8 hours ago

7 views

2:16

✨ Unique Glow Button Hover Animation | CSS Button Effects Tutorial | HTML & CSS Only

Code With Nazia

Shared 2 days ago

15 views

5:18

Cute Bear Toggle Switch Using Pure CSS 🧸 | CSS Animation Tutorial | UI Toggle Button Design

Code With Nazia

Shared 4 days ago

14 views

2:26

File Explorer Style Folder Loader Animation using HTML & CSS | Modern Loading UI Design Tutorial

Code With Nazia

Shared 6 days ago

24 views

3:05

Responsive Device Loader Animation Using HTML & CSS | PC, Tablet & Mobile Loader UI Design

Code With Nazia

Shared 1 week ago

16 views

4:28

Animated Subscribe Form with CSS | Add Fun Image Effects to Your Forms

Code With Nazia

Shared 1 week ago

19 views

4:25

✅ Build a To-Do List with Line-Through Effect | HTML & CSS UI Animation | Frontend Project Tutorial

Code With Nazia

Shared 1 week ago

37 views

4:23

How to Create a 3D Rotating Tree Animation using Only HTML & CSS | Step by Step CSS 3D Tutorial 🌲

Code With Nazia

Shared 2 weeks ago

40 views

5:42

3D Username Input Field Using HTML & CSS | with Font Awesome Icon | Input Animation Tutorial

Code With Nazia

Shared 2 weeks ago

48 views

3:05

Create a Realistic 3D Button with Drop Shadow Using Only HTML & CSS | Full Tutorial

Code With Nazia

Shared 2 weeks ago

71 views

3:43

How to Create a Neumorphic Power Button Using HTML & CSS

Code With Nazia

Shared 2 weeks ago

38 views

4:28

How to Create a 3D Glass Flip Card Animation with Glowing Border | HTML & CSS Tutorial

Code With Nazia

Shared 3 weeks ago

60 views

3:15

How to Create a Ripple Loader with Glowing Icon using Pure CSS | Step-by-Step Tutorial

Code With Nazia

Shared 3 weeks ago

45 views

4:30

How to Build a CSS Hover Navigation Menu with Circle Glow Animation | HTML & CSS Tutorial

Code With Nazia

Shared 3 weeks ago

38 views

4:03

How to Create a Profile Card with Social Media Icons | HTML & CSS Tutorial

Code With Nazia

Shared 4 weeks ago

40 views

6:04

CSS Vertical Sliding Menu Animation | HTML & CSS Sidebar Menu Tutorial 2025

Code With Nazia

Shared 4 weeks ago

56 views

5:41

👉 Expandable Floating Menu Button Using Pure CSS | No JavaScript | Modern UI Hover Effect

Code With Nazia

Shared 1 month ago

79 views

3:20

Unique Depth Card Hover Animation Using Only HTML & CSS | Layered UI Hover Effect Tutorial

Code With Nazia

Shared 1 month ago

24 views

3:04

💜 Create a Wavy Animated Profile Card in HTML & CSS | Pure CSS Rotating Waves Effect

Code With Nazia

Shared 1 month ago

27 views

4:33

Create a Stunning CSS Glowing Flicker Button | HTML & CSS Tutorial

Code With Nazia

Shared 1 month ago

48 views

4:46

Animated Glassmorphic Card Design with Hover Effects | HTML & CSS Tutorial

Code With Nazia

Shared 1 month ago

116 views

4:46

Responsive Login & Signup Form with Sliding Animation | HTML & CSS Gradient Background Tutorial

Code With Nazia

Shared 1 month ago

120 views

4:00

Neumorphic Bluetooth Toggle Button | Pure HTML & CSS (No JavaScript)

Code With Nazia

Shared 1 month ago

57 views

3:56

Glassmorphism Card with Animated Blob Background | HTML & CSS Tutorial

Code With Nazia

Shared 1 month ago

53 views

2:11

🌍 Rotating Glowing Earth Animation with HTML & CSS | CSS Animation Tutorial

Code With Nazia

Shared 1 month ago

59 views

4:22

How to Create 3D Stacked Hover Cards with HTML & CSS | CSS Animation Tutorial

Code With Nazia

Shared 1 month ago

129 views

6:09

How to Create Social Media Icons with Tooltip & Hover Animation | HTML & CSS Tutorial

Code With Nazia

Shared 1 month ago

50 views

3:21

CSS Eclipse Loader Animation | Creative Eclipse Text Loading Effect

Code With Nazia

Shared 1 month ago

91 views

2:22

CSS Hover Expand Card | Smooth Hover Animation with HTML & CSS

Code With Nazia

Shared 1 month ago

54 views

4:13

How to Create CSS Card Hover Effect with Layered Shadows | HTML & CSS Animation Tutorial

Code With Nazia

Shared 1 month ago

54 views

5:14

Pure CSS Navigation Border Animation Menu | Creative HTML & CSS Navbar Hover Effect Tutorial

Code With Nazia

Shared 1 month ago

50 views

5:20

Premium Ribbon Card using HTML & CSS | Unique Corner Ribbon Effect Tutorial

Code With Nazia

Shared 1 month ago

59 views

6:01

CSS Custom Radio Button UI | Icon Based Radio Button Design with HTML & CSS

Code With Nazia

Shared 2 months ago

43 views

5:58

CSS Glassmorphism Expanding Navigation Bar Menu | CSS Clip-Path Animation Tutorial

Code With Nazia

Shared 2 months ago

44 views

6:37

How to Create a 3D Rotating Card Carousel Using HTML & CSS | CSS Animation Tutorial

Code With Nazia

Shared 2 months ago

103 views

4:30

CSS Star Rating Animation Tutorial | Interactive 5-Star Rating with Glow & Pop Effect | HTML & CSS

Code With Nazia

Shared 2 months ago

28 views

3:41

CSS Radar Loader Animation | Creative CSS Loading Animation Tutorial with Glowing Effect HTML & CSS

Code With Nazia

Shared 2 months ago

71 views

12:59

Build a Modern E-Commerce Product Card with Hover Effects Animation | HTML & CSS Project

Code With Nazia

Shared 2 months ago

94 views

5:05

How to Create Floating Label Glowing Input Field in HTML & CSS | Modern Input Design

Code With Nazia

Shared 2 months ago

86 views

5:01

Amazing Text Slice Animation in HTML & CSS | Skew & Glow Text Hover Effect Tutorial

Code With Nazia

Shared 2 months ago

35 views

5:23

"CSS Glow Card Hover Effect | Modern Glassmorphism UI Design Tutorial"

Code With Nazia

Shared 2 months ago

71 views

6:32

This Social Icon Hover Effect Will Instantly Upgrade Your UI | HTML & CSS

Code With Nazia

Shared 3 months ago

48 views

3:58

This Object Scanning Effect Looks Like Real Sci-Fi 🤯 | HTML & CSS

Code With Nazia

Shared 3 months ago

54 views

15:18

How to Create Animated Tabs Navigation Bar Using Only HTML & CSS | Zero JavaScript

Code With Nazia

Shared 3 months ago

109 views

7:06

CSS Sidebar with Smooth Navigation | Step-by-Step Tutorial

Code With Nazia

Shared 3 months ago

109 views

4:53

"Stop Using Boring Spinners — Try This CSS Grid Loader Instead!"

Code With Nazia

Shared 3 months ago

68 views

11:01

Responsive Profile Card UI Design | HTML & CSS Only

Code With Nazia

Shared 3 months ago

130 views

7:18

3D Glowing Toggle Buttons with Icons | HTML & CSS Only

Code With Nazia

Shared 3 months ago

60 views

8:51

CSS Day/Night Toggle 🌗 | No JavaScript!

Code With Nazia

Shared 3 months ago

70 views

7:15

Create This Glowing Button Hover Effect in HTML & CSS (Step-by-Step)

Code With Nazia

Shared 4 months ago

56 views

11:06

Animated Product Card Hover Effect | HTML & CSS

Code With Nazia

Shared 4 months ago

98 views

14:43

"Stylish CSS Profile Card with Hover Effects – Even Beginners Can Build This!"

Code With Nazia

Shared 4 months ago

130 views

10:08

"Animated Social Share Button with Profile Card | CSS Hover Effect Tutorial 🔥"

Code With Nazia

Shared 4 months ago

43 views

6:20

"CSS Skewed Product Card Effect 🔥 Build This in Minutes!"

Code With Nazia

Shared 4 months ago

68 views

11:49

🎮 Squid Game Loader Animation with HTML & CSS

Code With Nazia

Shared 4 months ago

56 views

10:53

Animated Border Card using HTML & CSS

Code With Nazia

Shared 4 months ago

46 views

4:46

🎬 Input Field Text Animation using HTML & CSS

Code With Nazia

Shared 4 months ago

33 views

3:57

👉 “Diagonal Button Hover Animation with Pure CSS | HTML & CSS Tutorial”

Code With Nazia

Shared 4 months ago

132 views