abkabhishek/html-css-javascript-projectsPublic

forked fromsolygambas/html-css-javascript-projects

NotificationsYou must be signed in to change notification settings
Fork0
Star1

HTML CSS JS Samples

License

MIT license

1 star 592 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 197 Commits
000-boilerplate		000-boilerplate
001-expanding cards		001-expanding cards
002-progress steps		002-progress steps
003-rotating navigation		003-rotating navigation
004-hidden search widget		004-hidden search widget
005-blurry loading		005-blurry loading
006-scroll animation		006-scroll animation
007-split landing page		007-split landing page
008-form wave animation		008-form wave animation
009-sound board		009-sound board
010-dad jokes		010-dad jokes
011-event KeyCodes		011-event KeyCodes
012-FAQ collapse		012-FAQ collapse
013-random choice picker		013-random choice picker
014-animated navigation		014-animated navigation
015-incrementing counter		015-incrementing counter
016-drink water		016-drink water
017-movie app		017-movie app
018-background slider		018-background slider
019-theme clock		019-theme clock
020-button ripple effect		020-button ripple effect
021-drag n drop		021-drag n drop
022-drawing app		022-drawing app
023-kinetic loader		023-kinetic loader
024-content placeholder		024-content placeholder
025-sticky navigation		025-sticky navigation
026-double vertical slider		026-double vertical slider
027-toast notification		027-toast notification
028-github profiles		028-github profiles
029-double click heart		029-double click heart
030-auto text effect		030-auto text effect
031-password generator		031-password generator
032-good cheap fast		032-good cheap fast
033-notes app		033-notes app
034-animated countdown		034-animated countdown
035-image carousel		035-image carousel
036-hoverboard		036-hoverboard
037-pokedex		037-pokedex
038-mobile tab navigation		038-mobile tab navigation
039-password strength background		039-password strength background
040-3d boxes background		040-3d boxes background
041-verify account UI		041-verify account UI
042-live user filter		042-live user filter
043-feedback UI design		043-feedback UI design
044-custom range slider		044-custom range slider
045-netflix mobile navigation		045-netflix mobile navigation
046-quiz app		046-quiz app
047-testimonial box switcher		047-testimonial box switcher
048-random image generator		048-random image generator
049-todo list		049-todo list
050-insect catch game		050-insect catch game
051-video background		051-video background
052-portfolio grid		052-portfolio grid
053-touch slider		053-touch slider
054-css loaders		054-css loaders
055-glass dashboard		055-glass dashboard
056-image comparison slider		056-image comparison slider
057-parallax background svg		057-parallax background svg
058-3D product card		058-3D product card
059-form validator		059-form validator
060-movie seat booking		060-movie seat booking
061-custom video player		061-custom video player
062-exchange rate calculator		062-exchange rate calculator
063-DOM array methods		063-DOM array methods
064-menu slider modal		064-menu slider modal
065-hangman game		065-hangman game
066-meal finder		066-meal finder
067-expense tracker		067-expense tracker
068-music player		068-music player
069-infinite scroll posts		069-infinite scroll posts
070-typing game		070-typing game
071-speech text reader		071-speech text reader
072-memory cards		072-memory cards
073-lyrics search app		073-lyrics search app
074-relaxer app		074-relaxer app
075-breakout game		075-breakout game
076-new year countdown		076-new year countdown
077-sortable list		077-sortable list
078-speak number guessing game		078-speak number guessing game
079-creative agency website		079-creative agency website
080-health dashboard		080-health dashboard
081-animated SVG		081-animated SVG
082-parallax landing page		082-parallax landing page
083-full screen image slider		083-full screen image slider
084-fluid image lightbox		084-fluid image lightbox
085-sneaker shop		085-sneaker shop
086-coming soon page		086-coming soon page
087-sliding signin signup form		087-sliding signin signup form
088-promo code		088-promo code
089-one color UI		089-one color UI
090-tooltip		090-tooltip
091-chat interface		091-chat interface
092-music streaming service		092-music streaming service
093-creative portfolio		093-creative portfolio
094-laptop UI		094-laptop UI
095-headphones product page		095-headphones product page
096-cloud hosting service		096-cloud hosting service
097-terminal style landing page		097-terminal style landing page
098-magazine layout		098-magazine layout
099-parallax website		099-parallax website

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
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

About

HTML CSS JS Samples

Languages

HTML47.7%
CSS33.7%
JavaScript17.9%
SCSS0.7%

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

License

Uh oh!

Folders and files

Latest commit

History

Repository files navigation

100 Projects In 100 Days - HTML, CSS & JavaScript

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Languages

Movatterモバイル変換

License

abkabhishek/html-css-javascript-projects

Folders and files

Latest commit

History

Repository files navigation

100 Projects In 100 Days - HTML, CSS & JavaScript

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Languages