/html-css-javascript-projects

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

Primary LanguageHTMLMIT LicenseMIT

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
001 Expanding Cards Live Demo
002 Progress Steps Live Demo
003 Rotating Navigation Animation Live Demo
004 Hidden Search Widget Live Demo
005 Blurry Loading Live Demo
006 Scroll Animation Live Demo
007 Split Landing Page Live Demo
008 Form Wave Live Demo
009 Sound Board Live Demo
010 Dad Jokes Live Demo
011 Event Keycodes Live Demo
012 FAQ Collapse Live Demo
013 Random Choice Picker Live Demo
014 Animated Navigation Live Demo
015 Incrementing Counter Live Demo
016 Drink Water Live Demo
017 Movie App Live Demo
018 Background Slider Live Demo
019 Theme Clock Live Demo
020 Button Ripple Effect Live Demo
021 Drag N Drop Live Demo
022 Drawing App Live Demo
023 Kinetic Loader Live Demo
024 Content Placeholder Live Demo
025 Sticky Navbar Live Demo
026 Double Vertical Slider Live Demo
027 Toast Notification Live Demo
028 GitHub Profiles Live Demo
029 Double Click Heart Live Demo
030 Auto Text Effect Live Demo
031 Password Generator Live Demo
032 Good Cheap Fast Live Demo
033 Notes App Live Demo
034 Animated Countdown Live Demo
035 Image Carousel Live Demo
036 Hoverboard Live Demo
037 Pokedex Live Demo
038 Mobile Tab Navigation Live Demo
039 Password Strength Background Live Demo
040 3D Background Boxes Live Demo
041 Verify Account UI Live Demo
042 Live User Filter Live Demo
043 Feedback UI Design Live Demo
044 Custom Range Slider Live Demo
045 Netflix Mobile Navigation Live Demo
046 Quiz App Live Demo
047 Testimonial Box Switcher Live Demo
048 Random Image Feed Live Demo
049 Todo List Live Demo
050 Insect Catch Game Live Demo
051 Video Background Live Demo
052 Portfolio with CSS Grid Live Demo
053 Touch Slider Live Demo
054 CSS Loaders Live Demo
055 Glass Dashboard Live Demo
056 Image Comparison Slider Live Demo
057 Parallax Background with SVG Live Demo
058 3D Product Card Live Demo
059 Form Validator Live Demo
060 Movie Seat Booking Live Demo
061 Custom Video Player Live Demo
062 Exchange Rate Calculator Live Demo
063 DOM Array Methods Live Demo
064 Menu Slider & Modal Live Demo
065 Hangman Game Live Demo
066 Meal Finder Live Demo
067 Expense Tracker Live Demo
068 Music Player Live Demo
069 Infinite Scroll Posts Live Demo
070 Typing Game Live Demo
071 Speech Text Reader Live Demo
072 Memory Cards Live Demo
073 Lyrics Search App Live Demo
074 Relaxer App Live Demo
075 Breakout Game Live Demo
076 New Year Countdown Live Demo
077 Sortable List Live Demo
078 Speak Number Guessing Game Live Demo
079 Creative Agency Website Live Demo
080 Health Dashboard Live Demo
081 Animated SVG Live Demo
082 Parallax Landing Page Live Demo
083 Full-Screen Image Slider Live Demo
084 Fluid Image Lightbox Live Demo
085 Sneaker Shop Live Demo
086 Coming Soon Page Live Demo
087 Sliding Sign In & Sign Up Form Live Demo
088 Promo Code Live Demo
089 One Color UI Live Demo
090 Tooltip Live Demo
091 Chat Interface Live Demo
092 Music Streaming Service Live Demo
093 Creative Portfolio Live Demo
094 Laptop UI Live Demo
095 Headphones Product Page Live Demo
096 Cloud Hosting Service Live Demo
097 Terminal Style Landing Page Live Demo
098 Magazine Layout Live Demo
099 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: