100 Projects In 100 Days

00

days

00

hours

00

minutes

00

seconds
cloud cloud cloud cloud cloud cloud cloud cloud cloud cloud

My Projects

01

Day 1

Saudi Founding Day

02

Day 2

Calculator Glassmorphism Effects

03

Day 3

Dynamic Calendar

04

Day 4

Clock Ui Design

05

Day 5

Animated Circular Navigation Menu

06

Day 6

Glassmorphism Hover Effects With Magic

07

Day 7

Animated Menu

08

Day 8

Dark & Light Theme

09

Day 9

Auto Write Text

10

Day 10

Animated Wavy Background

11

Day 11

Generate Random Serial Number

12

Day 12

Create Tabs

13

Day 13

Mix Blend Loding

14

Day 14

Battery Level With Dark Mode

15

Day 15

Netflix Mobile Navigation

16

Day 16

Creative Image Gallery

17

Day 17

Count Input Characters

18

Day 18

Customize Radio Input

19

Day 19

Multiple Loader

20

Day 20

Scroll To Top

21

Day 21

Background Color Change

22

Day 22

Page Transition With GSAP Animation

23

Day 23

Clip Path Image Hover

24

Day 24

Full Screen Navigation

25

Day 25

Dropdown Menu

26

Day 26

Magic Navigation Menu Indicator

27

Day 27

Fill Element Background From Other Element

28

Day 28

Show Random Image Every x Second

29

Day 29

Glassmorphism Login Form

30

Day 30

Calculate Textarea Text While Writing

31

Day 31

Change Colors With Local Storage

32

Day 32

Increase Numbers On Scrolling

33

Day 33

Create Countdown Timer

34

Day 34

Animated Sidebar Menu

35

Day 35

Profile Card

36

Day 36

Create Simple Clock

37

Day 37

Image Slider Using JS

38

Day 38

Modal Popup Button

39

Day 39

Custom Select Menu

40

Day 40

Carousel Image Vanilla

41

Day 41

Animated Popup Box

42

Day 42

Alarm Clock

43

Day 43

Landing Design Socially

44

Day 44

Custom Range Slider

45

Day 45

Glassmorphism Product Card

46

Day 46

Dropdown Menu User Account

47

Day 47

Soundboard Javascript

48

Day 48

Animated Image Carousel

49

Day 49

Test Notification Click

50

Day 50

Line Through Effect

51

Day 51

Disney Movies Landing Page

52

Day 52

Filter Images Gallery

53

Day 53

Custom Checkbox Toggle Dark Light Mode

54

Day 54

Traffic Lights

55

Day 55

QR Code Generator

56

Day 56

Text Reveal Animation

57

Day 57

Password Validation Check In

58

Day 58

Cloud Animation Banner

59

Day 59

Season's Greetings Happy Eid 2023

60

Day 60

Eid Al-Fiter 2023

61

Day 61

A Message To Pass

62

Day 62

Music Website

63

Day 63

Card Hover Effects

64

Day 64

Responsive Glassmorphism Website

65

Day 65

Burger Icon Transform Effects

66

Day 66

Type Writer Effect On Text

67

Day 67

Product Card Shoes

68

Day 68

Price Range Slider

69

Day 69

Design Airpods

70

Day 70

Javascript Zoom Effect

71

Day 71

Responsive Sidebar Menu

72

Day 72

Effects On Mousemove SketchJs

73

Day 73

Like And Dislike Using Javascript

74

Day 74

Visual Counter

75

Day 75

Cover Uncover An Image

76

Day 76

Fetch API

77

Day 77

Control Brightness

78

Day 78

Product Card Nike

79

Day 79

Starbucks Landing

80

Day 80

Simple Countdown Timer

81

Day 81

Emoji Range Slider

82

Day 82

Explore Developer Website

83

Day 83

Games Sign In Login Form

84

Day 84

Eyes Follow Mouse

85

Day 85

Responsive 404 Page Not Found

86

Day 86

White Snow Rain

87

Day 87

Video Game Valorant

88

Day 88

Animated Website Bubble

89

Day 89

Menu Dashboard With Dark Mode

90

Day 90

Model Landing Page

91

Day 91

Rotating Image Gallery

92

Day 92

Video Movie Popup

93

Day 93

Expanding Cards

94

Day 94

Emoji Star Rating

95

Day 95

Section Landing Page

96

Day 96

Pagination Glassmorphism Animated

97

Day 97

Weather Glassmorphism Card

98

Day 98

Sushi Day Components

99

Day 99

Landing Page Fashion

100

Day 100

Background Video Pause & Play