Web Widgets & Projects

⭐ A collection of 80+ web widgets, mini projects, and responsive single-page applications built with HTML, CSS, and JavaScript.

#	Project	Demo Link ↗️
01	Expanding Image Cards	🔗 Live Demo
02	Progress Bar Steps	🔗 Live Demo
03	Rotating Navigation Page	🔗 Live Demo
04	Hidden Search Bar	🔗 Live Demo
05	Blurry Loading Page	🔗 Live Demo
06	Scroll Animation Feature	🔗 Live Demo
07	Split Landing Page	🔗 Live Demo
08	Form Control Animation	🔗 Live Demo
09	Sound Board	🔗 Live Demo
10	Dad Jokes	🔗 Live Demo
11	KeyCode Event	🔗 Live Demo
12	FAQ Collapse Feature	🔗 Live Demo
13	Random Choice Picker	🔗 Live Demo
14	Animated Nav Bar	🔗 Live Demo
15	Social Media Following	🔗 Live Demo
16	Hydration Tracker	🔗 Live Demo
17	Movie App	🔗 Live Demo
18	Image Background Slider	🔗 Live Demo
19	Theme Clock	🔗 Live Demo
20	Button Ripple Effect	🔗 Live Demo
21	Image Drag & Drop	🔗 Live Demo
22	Drawing Board	🔗 Live Demo
23	CSS Loader Effect	🔗 Live Demo
24	Content Loader Effect	🔗 Live Demo
25	Sticky Navbar	🔗 Live Demo
26	Image Slider	🔗 Live Demo
27	GitHub Profile Search	🔗 Live Demo
28	Toast Notifications	🔗 Live Demo
29	Image Heart Click	🔗 Live Demo
30	Loading Text Effect	🔗 Live Demo
31	Colored Checkbox UI	🔗 Live Demo
32	Notepad App	🔗 Live Demo
33	CSS Animated Countdown	🔗 Live Demo
34	Auto Image Carousel	🔗 Live Demo
35	Mini-Hoverboard	🔗 Live Demo
36	Pokemon Cards	🔗 Live Demo
37	Tab Navigation Card	🔗 Live Demo
38	Password Strength	🔗 Live Demo
39	3D Box Effect	🔗 Live Demo
40	Dark Theme Verification	🔗 Live Demo
41	Filter User	🔗 Live Demo
42	Feedback Design	🔗 Live Demo
43	Range Slider	🔗 Live Demo
44	Navigation Menu	🔗 Live Demo
45	Mini Quiz App	🔗 Live Demo
46	Testimonial Box	🔗 Live Demo
47	Image Gallery	🔗 Live Demo
48	Todo List	🔗 Live Demo
49	Insect Game	🔗 Live Demo
50	Timer Design	🔗 Live Demo
51	Image Hover Effect	🔗 Live Demo
52	Font Awesome Animation	🔗 Live Demo
53	Floating Clock	🔗 Live Demo
54	CSS House Drawing	🔗 Live Demo
55	Isometric Card Hover	🔗 Live Demo
56	Text Scroll Effect	🔗 Live Demo
57	Continuous Loader Animation	🔗 Live Demo
58	Image Hover Effect	🔗 Live Demo
59	Neon Worm Animation	🔗 Live Demo
60	3D Layored Image Hover	🔗 Live Demo
61	Shoe Product Card	🔗 Live Demo
62	Form Validation	🔗 Live Demo
63	Movie Seat Booking	🔗 Live Demo
64	Exchange Rate Calculator	🔗 Live Demo
65	Random User Actions	🔗 Live Demo
66	Menu Page & Modal Overlay	🔗 Live Demo
67	Hangman	🔗 Live Demo
68	Recipe Finder	🔗 Live Demo
69	Expense Tracker	🔗 Live Demo
70	Character Feature Page	🔗 Live Demo
71	Dropdown Menu	🔗 Live Demo
72	Menu Overlay	🔗 Live Demo
73	Presentation Page	🔗 Live Demo
74	Portfolio Template Page	🔗 Live Demo
75	Timeline Page	🔗 Live Demo
76	Infinite Scroll Posts	🔗 Live Demo
77	Typing Game	🔗 Live Demo
78	Neon Text Effect	🔗 Live Demo
79	CSS Socials Hover	🔗 Live Demo
80	Socials Cards 1.0	🔗 Live Demo
81	CSS Buttons 1.0	🔗 Live Demo

Name		Name	Last commit message	Last commit date
.vscode		.vscode
01-expanding-image-cards		01-expanding-image-cards
02-progress-bar-steps		02-progress-bar-steps
03-rotating-navigation		03-rotating-navigation
04-hidden-search-bar		04-hidden-search-bar
05-blurry-loading-page		05-blurry-loading-page
06-scroll-animation-feature		06-scroll-animation-feature
07-split-landing-page		07-split-landing-page
08-form-control-animation		08-form-control-animation
09-sound-board		09-sound-board
10-dad-jokes		10-dad-jokes
11-keycode-event		11-keycode-event
12-faq-collapse		12-faq-collapse
13-random-choice-picker		13-random-choice-picker
14-animated-nav		14-animated-nav
15-social-media-following		15-social-media-following
16-hydration-tracker		16-hydration-tracker
17-movie-app		17-movie-app
18-image-background-slider		18-image-background-slider
19-theme-clock		19-theme-clock
20-button-ripple-effect		20-button-ripple-effect
21-image-drag-and-drop		21-image-drag-and-drop
22-drawing-board		22-drawing-board
23-css-loader-effect		23-css-loader-effect
24-content-loader		24-content-loader
25-sticky-navbar		25-sticky-navbar
26-image-slider		26-image-slider
27-github-profile-search		27-github-profile-search
28-toast-notification		28-toast-notification
29-image-heart-click		29-image-heart-click
30-loading-text-effect		30-loading-text-effect
31-colored-checkboxes		31-colored-checkboxes
32-notepad-app		32-notepad-app
33-css-animated-countdown		33-css-animated-countdown
34-auto-image-carousel		34-auto-image-carousel
35-mini-hoverboard		35-mini-hoverboard
36-pokemon-cards		36-pokemon-cards
37-tab-navigation-card		37-tab-navigation-card
38-password-strength		38-password-strength
39-3d-box-effect		39-3d-box-effect
40-dark-theme-varification		40-dark-theme-varification
41-filter-user		41-filter-user
42-feedback-design		42-feedback-design
43-range-slider		43-range-slider
44-navigation-menu		44-navigation-menu
45-mini-quiz-app		45-mini-quiz-app
46-testimonial-box		46-testimonial-box
47-image-gallery		47-image-gallery
48-todo-list		48-todo-list
49-insect-game		49-insect-game
50-timer-design		50-timer-design
51-image-hover-effect		51-image-hover-effect
52-font-awesome-animation		52-font-awesome-animation
53-floating-clock		53-floating-clock
54-css-house-drawing		54-css-house-drawing
55-isometric-card-hover		55-isometric-card-hover
56-text-scroll-effect		56-text-scroll-effect
57-continuous-loader		57-continuous-loader
58-image-hover-effect		58-image-hover-effect
59-neon-worm-animation		59-neon-worm-animation
60-3d-layored-image-hover		60-3d-layored-image-hover
61-shoe-product-card		61-shoe-product-card
62-form-validation		62-form-validation
63-movie-seat-booking		63-movie-seat-booking
64-exchange-rate		64-exchange-rate
65-random-user-actions		65-random-user-actions
66-menu-modal-landing-page		66-menu-modal-landing-page
67-hangman		67-hangman
68-recipe-finder		68-recipe-finder
69-expense-tracker		69-expense-tracker
70-character-feature-page		70-character-feature-page
71-dropdown-menu		71-dropdown-menu
72-menu-overlay		72-menu-overlay
73-presentation-page		73-presentation-page
74-portfolio-template		74-portfolio-template
75-timeline-page		75-timeline-page
76-infinite-scroll-posts		76-infinite-scroll-posts
77-typing-game		77-typing-game
78-neon-text		78-neon-text
79-css-socials-hover		79-css-socials-hover
80-socials-cards-1		80-socials-cards-1
81-css-buttons-1		81-css-buttons-1
.DS_Store		.DS_Store
.gitignore		.gitignore
LICENSE.md		LICENSE.md
README.md		README.md

Navigation Menu

Repository files navigation

Web Widgets & Projects

About

Releases

Packages

Contributors

Languages

Latest commit

History

Folders and files

Repository files navigation

Web Widgets & Projects

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages