Skip to content

sidneyshafer/mini-web-projects

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

490 Commits
.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
 
 

Repository files navigation

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

About

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

Topics

javascript css html

Resources

Readme

License

View license
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors

Languages