Skip to content

solygambas/html-css-javascript-projects

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

190 Commits
00-boilerplate
00-boilerplate
 
 
01-expanding cards
01-expanding cards
 
 
02-progress steps
02-progress steps
 
 
03-rotating navigation
03-rotating navigation
 
 
04-hidden search widget
04-hidden search widget
 
 
05-blurry loading
05-blurry loading
 
 
06-scroll animation
06-scroll animation
 
 
07-split landing page
07-split landing page
 
 
08-form wave animation
08-form wave animation
 
 
09-sound board
09-sound board
 
 
10-dad jokes
10-dad jokes
 
 
100-hulu webpage clone
100-hulu webpage clone
 
 
11-event KeyCodes
11-event KeyCodes
 
 
12-FAQ collapse
12-FAQ collapse
 
 
13-random choice picker
13-random choice picker
 
 
14-animated navigation
14-animated navigation
 
 
15-incrementing counter
15-incrementing counter
 
 
16-drink water
16-drink water
 
 
17-movie app
17-movie app
 
 
18-background slider
18-background slider
 
 
19-theme clock
19-theme clock
 
 
20-button ripple effect
20-button ripple effect
 
 
21-drag n drop
21-drag n drop
 
 
22-drawing app
22-drawing app
 
 
23-kinetic loader
23-kinetic loader
 
 
24-content placeholder
24-content placeholder
 
 
25-sticky navigation
25-sticky navigation
 
 
26-double vertical slider
26-double vertical slider
 
 
27-toast notification
27-toast notification
 
 
28-github profiles
28-github profiles
 
 
29-double click heart
29-double click heart
 
 
30-auto text effect
30-auto text effect
 
 
31-password generator
31-password generator
 
 
32-good cheap fast
32-good cheap fast
 
 
33-notes app
33-notes app
 
 
34-animated countdown
34-animated countdown
 
 
35-image carousel
35-image carousel
 
 
36-hoverboard
36-hoverboard
 
 
37-pokedex
37-pokedex
 
 
38-mobile tab navigation
38-mobile tab navigation
 
 
39-password strength background
39-password strength background
 
 
40-3d boxes background
40-3d boxes background
 
 
41-verify account UI
41-verify account UI
 
 
42-live user filter
42-live user filter
 
 
43-feedback UI design
43-feedback UI design
 
 
44-custom range slider
44-custom range slider
 
 
45-netflix mobile navigation
45-netflix mobile navigation
 
 
46-quiz app
46-quiz app
 
 
47-testimonial box switcher
47-testimonial box switcher
 
 
48-random image generator
48-random image generator
 
 
49-todo list
49-todo list
 
 
50-insect catch game
50-insect catch game
 
 
51-video background
51-video background
 
 
52-portfolio grid
52-portfolio grid
 
 
53-touch slider
53-touch slider
 
 
54-css loaders
54-css loaders
 
 
55-glass dashboard
55-glass dashboard
 
 
56-image comparison slider
56-image comparison slider
 
 
57-parallax background svg
57-parallax background svg
 
 
58-3D product card
58-3D product card
 
 
59-form validator
59-form validator
 
 
60-movie seat booking
60-movie seat booking
 
 
61-custom video player
61-custom video player
 
 
62-exchange rate calculator
62-exchange rate calculator
 
 
63-DOM array methods
63-DOM array methods
 
 
64-menu slider modal
64-menu slider modal
 
 
65-hangman game
65-hangman game
 
 
66-meal finder
66-meal finder
 
 
67-expense tracker
67-expense tracker
 
 
68-music player
68-music player
 
 
69-infinite scroll posts
69-infinite scroll posts
 
 
70-typing game
70-typing game
 
 
71-speech text reader
71-speech text reader
 
 
72-memory cards
72-memory cards
 
 
73-lyrics search app
73-lyrics search app
 
 
74-relaxer app
74-relaxer app
 
 
75-breakout game
75-breakout game
 
 
76-new year countdown
76-new year countdown
 
 
77-sortable list
77-sortable list
 
 
78-speak number guessing game
78-speak number guessing game
 
 
79-creative agency website
79-creative agency website
 
 
80-health dashboard
80-health dashboard
 
 
81-animated SVG
81-animated SVG
 
 
82-parallax landing page
82-parallax landing page
 
 
83-full screen image slider
83-full screen image slider
 
 
84-fluid image lightbox
84-fluid image lightbox
 
 
85-sneaker shop
85-sneaker shop
 
 
86-coming soon page
86-coming soon page
 
 
87-sliding signin signup form
87-sliding signin signup form
 
 
88-promo code
88-promo code
 
 
89-one color UI
89-one color UI
 
 
90-tooltip
90-tooltip
 
 
91-chat interface
91-chat interface
 
 
92-music streaming service
92-music streaming service
 
 
93-creative portfolio
93-creative portfolio
 
 
94-laptop UI
94-laptop UI
 
 
95-headphones product page
95-headphones product page
 
 
96-cloud hosting service
96-cloud hosting service
 
 
97-terminal style landing page
97-terminal style landing page
 
 
98-magazine layout
98-magazine layout
 
 

Repository files navigation

100 Projects In 100 Days - HTML, CSS & JavaScript

100+ mini web projects using HTML, CSS and JavaScript.

See all projects on CodePen

# Project Live Demo
01 Expanding Cards Live Demo
02 Progress Steps Live Demo
03 Rotating Navigation Animation Live Demo
04 Hidden Search Widget Live Demo
05 Blurry Loading Live Demo
06 Scroll Animation Live Demo
07 Split Landing Page Live Demo
08 Form Wave Live Demo
09 Sound Board Live Demo
10 Dad Jokes Live Demo
11 Event Keycodes Live Demo
12 FAQ Collapse Live Demo
13 Random Choice Picker Live Demo
14 Animated Navigation Live Demo
15 Incrementing Counter Live Demo
16 Drink Water Live Demo
17 Movie App Live Demo
18 Background Slider Live Demo
19 Theme Clock Live Demo
20 Button Ripple Effect Live Demo
21 Drag N Drop Live Demo
22 Drawing App Live Demo
23 Kinetic Loader Live Demo
24 Content Placeholder Live Demo
25 Sticky Navbar Live Demo
26 Double Vertical Slider Live Demo
27 Toast Notification Live Demo
28 GitHub Profiles Live Demo
29 Double Click Heart Live Demo
30 Auto Text Effect Live Demo
31 Password Generator Live Demo
32 Good Cheap Fast Live Demo
33 Notes App Live Demo
34 Animated Countdown Live Demo
35 Image Carousel Live Demo
36 Hoverboard Live Demo
37 Pokedex Live Demo
38 Mobile Tab Navigation Live Demo
39 Password Strength Background Live Demo
40 3D Background Boxes Live Demo
41 Verify Account UI Live Demo
42 Live User Filter Live Demo
43 Feedback UI Design Live Demo
44 Custom Range Slider Live Demo
45 Netflix Mobile Navigation Live Demo
46 Quiz App Live Demo
47 Testimonial Box Switcher Live Demo
48 Random Image Feed Live Demo
49 Todo List Live Demo
50 Insect Catch Game Live Demo
51 Video Background Live Demo
52 Portfolio with CSS Grid Live Demo
53 Touch Slider Live Demo
54 CSS Loaders Live Demo
55 Glass Dashboard Live Demo
56 Image Comparison Slider Live Demo
57 Parallax Background with SVG Live Demo
58 3D Product Card Live Demo
59 Form Validator Live Demo
60 Movie Seat Booking Live Demo
61 Custom Video Player Live Demo
62 Exchange Rate Calculator Live Demo
63 DOM Array Methods Live Demo
64 Menu Slider & Modal Live Demo
65 Hangman Game Live Demo
66 Meal Finder Live Demo
67 Expense Tracker Live Demo
68 Music Player Live Demo
69 Infinite Scroll Posts Live Demo
70 Typing Game Live Demo
71 Speech Text Reader Live Demo
72 Memory Cards Live Demo
73 Lyrics Search App Live Demo
74 Relaxer App Live Demo
75 Breakout Game Live Demo
76 New Year Countdown Live Demo
77 Sortable List Live Demo
78 Speak Number Guessing Game Live Demo
79 Creative Agency Website Live Demo
80 Health Dashboard Live Demo
81 Animated SVG Live Demo
82 Parallax Landing Page Live Demo
83 Full-Screen Image Slider Live Demo
84 Fluid Image Lightbox Live Demo
85 Sneaker Shop Live Demo
86 Coming Soon Page Live Demo
87 Sliding Sign In & Sign Up Form Live Demo
88 Promo Code Live Demo
89 One Color UI Live Demo
90 Tooltip Live Demo
91 Chat Interface Live Demo
92 Music Streaming Service Live Demo
93 Creative Portfolio Live Demo
94 Laptop UI Live Demo
95 Headphones Product Page Live Demo
96 Cloud Hosting Service Live Demo
97 Terminal Style Landing Page Live Demo
98 Magazine Layout Live Demo
99 Parallax Website Live Demo
100 Hulu Webpage Clone Live Demo

This repository is mostly based on 2 courses by Brad Traversy (2020):

The other projects are adapted from various YouTube channels:

About

100+ mini web projects using HTML, CSS and JavaScript.

codepen.io/collection/DKLgmm?grid_type=grid&sort_by=id

Topics

javascript css html html5 css3 100daysofcode

Resources

Readme

License

MIT license
Activity

Stars

1.7k stars

Watchers

30 watching

Forks

568 forks
Report repository

Releases

No releases published

Sponsor this project

 
Learn more about GitHub Sponsors

Packages

No packages published

Languages