html-css-javascript-projects
html-css-javascript-projects copied to clipboard
100+ mini web projects using HTML, CSS and JavaScript.
100 Projects In 100 Days - HTML, CSS & JavaScript
100+ mini web projects using HTML, CSS and JavaScript.
# | 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:
- Brad Traversy - Traversy Media
- Shaun Pelling - The Net Ninja
- Simo Edwin - Dev Ed
- Gary Simon - DesignCourse
- Kyle Cook - Web Dev Simplified
- Kevin Powell
- Florin Pop