Web-Development

KO | EN

gitlite — search

#javascript #python #hacktoberfest #typescript #llm #machine-learning #deep-learning #windows #awesome #cli #kubernetes #security #mcp #open-source

Web-Development

(★ 1,575)

Here you will find different web development mini projects which are made up of HTML, CSS & little bit of JavaScript. Do you have any such small project which is not already in the List!? 😄

Web-Development Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Web-Development
Web Development Demo Pages collection

## 👥 Maintainers
The list of active maintainers is available in [MAINTAINERS.md](./MAINTAINERS.md).

| Title | Code | Live Demo |
| ----- | ---- | --------- |
|Stopwatch| [Code](https://github.com/Husayn01/Stopwatch)| [Demo](https://stopwatch-husayn01.vercel.app/)|
| Headings | [Headings](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/html/types_of_headings.html) | [See headings](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/types_of_headings.html) |
| Tables | [Table](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/html/a_simple_table_in_html.html) | [See Table](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/a_simple_table_in_html.html) |
| Basic Form | [Basic Form](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/html/Basic_form.html) | [Tuition Form](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/Basic_form.html) |
| Survey Form | [HTML](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/html/survey-form.html) | [Employee Interests](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/survey-form.html) |
| Video Embed | [Video Embed ](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/html/video_embedding.html) | [Video in a Page](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/video_embedding.html) |
| Meta | [Meta Tag](https://raw.githubusercontent.com/keshavgbpecdelhi/Web-Development/master/basics/html/meta_tag.html) | [Meta Page](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/meta_tag.html) |
| RGBA | [RGBA](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/css-1) | [Color Page](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-1/) |
| Font Family | [Font](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/css-2/font-family) | [Font Page](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-2/font-family/index.html) |
| Border Margin | [Page1](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/css/css-9/index.html) , [Page2](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/css-3/margin-border) | [Link1](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-9/index.html) , [Link2](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-3/margin-border/index.html) |
| Background Image | [Background](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/css-4/background-img) | [Page](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-4/background-img/index.html) |
| Text Decoration | [Text Decoration](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/css-5/text-decoration) | [text-decoration](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-5/text-decoration/index.html) |
| Pseduo States | [pseduo-states](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/css-6/pseduo-states) | [pseduo-states](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-6/pseduo-states/index.html) |
| Hi Name | [Hi](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/hi_name) | [Hi Page](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/hi_name/index.html) |
|Extend Classes | [extend_classes](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/extend_class) | [extend_classes](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/extend_class/) |
| Dropdown Menu | [dropdown-menu](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/jQuery/dropdown-menu) | [dropdown-menu](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/jQuery/dropdown-menu/index.html) |
| Event Handling | [event-handling](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/jQuery/event-handling) | [event-handling](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/jQuery/event-handling/index.html) |
| Right Click | [Right click](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/jQuery/right-click) | [Right click](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/jQuery/right-click/index.html) |
| Replace | [replace](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/jQuery/replace) | [replace](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/jQuery/replace/index.html) |
| Valid Email | [valid_email](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/jQuery/valid_email) | [valid_email](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/jQuery/valid_email/) |
| Fully Responsive | [Fully responsive](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/TinDog%20Website%20[HTML%20+%20CSS%20+%20Bootstrap]/responsive-page) | [Fully responsive ](https://keshavgbpecdelhi.github.io/Web-Development/projects/TinDog%20Website%20[HTML%20+%20CSS%20+%20Bootstrap]/responsive-page/) |
| Bootstrap Form | [Bootstrap Form](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/projects/TinDog%20Website%20[HTML%20+%20CSS%20+%20Bootstrap]/bootstrap-form/index.html) | [Fully Responsive](https://keshavgbpecdelhi.github.io/Web-Development/projects/TinDog%20Website%20[HTML%20+%20CSS%20+%20Bootstrap]/bootstrap-form/) |
| Portfolio Website | [Portfolio Website](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/css-7) | [Fully responsive](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-7/index.html) |
| Text Replace | [replace](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/javascript/jQuery/replace) | [replace](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/jQuery/replace/index.html) |
| CSS Padding | [css padding](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/css/css-8/Padding%20css/index.html) | [Responsive ](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/css-8/Padding%20css/) |
| Landing Page | [Landing](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/projects/landing-page/index.html) | [Responsive ](https://keshavgbpecdelhi.github.io/Web-Development/projects/landing-page/) |
| Simple Todo | [Todo](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/simple-todo) | [Todo ](https://keshavgbpecdelhi.github.io/Web-Development/projects/simple-todo/) |
|JS Calculator | [JS Calculator](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/basics/javascript/js-calculator/index.html) | [JS Calcutor](https://keshavgbpecdelhi.github.io/Web-Development/basics/javascript/js-calculator/index.html) |
|Animated Search| [Animated Search](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Animated%20Search%20Form) | [Search Animation](https://keshavgbpecdelhi.github.io/Web-Development/projects/Animated%20Search%20Form/) |
|CS/JS Hybrid | [Animation](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/CSS-JS%20Hybrid%20Animation) | [Animation](https://keshavgbpecdelhi.github.io/Web-Development/projects/CSS-JS%20Hybrid%20Animation/) |
| Car Animation| [Car Animation](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/projects/car-animation/index.html) | [Live Car](https://keshavgbpecdelhi.github.io/Web-Development/projects/car-animation/) |
| Fluid Webpage| [Fluid Webpage](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/projects/fluid-webpage/Fluid-Webpage/index.html) | [Blue Bubble](https://keshavgbpecdelhi.github.io/Web-Development/projects/fluid-webpage/Fluid-Webpage/index.html) |
| Gradient Generator | [Gradient Generator](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Gradient-generator) | [Gradient Generator](https://keshavgbpecdelhi.github.io/Web-Development/projects/Gradient-generator/bggenerator.html)  |
| Calendar | [Glassmorphism Calendar](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/glassmorphism-calendar) | [Glassmorphism Calendar](https://keshavgbpecdelhi.github.io/Web-Development/projects/glassmorphism-calendar)  |
| Parallax Website | [Parallax website](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/parallax-website) | [Parallax website](https://keshavgbpecdelhi.github.io/Web-Development/projects/parallax-website)  |
| HTML Card | [HTML Cards](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/html/card) | [Round](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/card/card.html), [Flip](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/card/flipcard.html), [Profile](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/card/profilecard.html) |
| NFT Card | [NFT Cards](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/nft-preview-card-component) | [Card Component](https://keshavgbpecdelhi.github.io/Web-Development/projects/nft-preview-card-component/) |
| Dynamic Page | [Dynamic Page](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/dynamic-page) | [Dynamic Page Website](https://keshavgbpecdelhi.github.io/Web-Development/projects/dynamic-page) |
| Tribute Page | [Tribute Page](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Tribute-Page) | [Tribute Page Website](https://keshavgbpecdelhi.github.io/Web-Development/projects/Tribute-Page/index.html) |
| Gallery Website | [Gallery Website](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/gallery-website) | [Gallery Website Live](https://keshavgbpecdelhi.github.io/Web-Development/projects/gallery-website) |
| MusiStore | [Music Website](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Music-Store) | [Music-Store Live](https://music-store.vercel.app/) |
| Gallery Website | [Gallery Website](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/gallery-website) | [Gallery Website Live](https://keshavgbpecdelhi.github.io/Web-Development/projects/gallery-website) |
| Short link generator | [Short link generator](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/shortLink) | [Short link generator](https://keshavgbpecdelhi.github.io/Web-Development/projects/shortLink) |
| SVG Examples | [SVG Examples](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/html/svg) | [SVG Examples](https://keshavgbpecdelhi.github.io/Web-Development/basics/html/svg) |
| Webpage API | [DevFinder](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/webpage-using-api) | [DevFinder Live](https://keshavgbpecdelhi.github.io/Web-Development/projects/webpage-using-api/) |
| Social Icons | [Social_Icons](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/awesome_Social_icons) | [Demo Socials](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/awesome_Social_icons/mysocial.html) |
| 2D Transform | [2D](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/2D_Transformation) | [Transformations](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/2D_Transformation/) |
| CSS Adjuster | [CSS Adjuster](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/CSS-Adjuster) | [Live Adjuster](https://keshavgbpecdelhi.github.io/Web-Development/projects/CSS-Adjuster/) |
| Resume Builder | [Resume Builder](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/resume_builder) | [Live Builder](https://keshavgbpecdelhi.github.io/Web-Development/projects/resume_builder/) |
| A beautiful gallery | [Gallery](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/basics/css/simpleDarkmode) | [gallery](https://keshavgbpecdelhi.github.io/Web-Development/basics/css/simpleDarkmode/ex.html) |
| Anime Website | [Website](https://github.com/omk-coder/first-web-project.io/) | [live Website](https://omk-coder.github.io/first-web-project.io/) |
| Roll The Dice| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Roll-the-Dice) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/projects/Roll-the-Dice) |
| Drum Kit| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/drum-kit) | [Demo](https://biniltomjose1278.github.io/drum-kit/) |
| FAQ Section | [FAQ_Section](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/FAQ_Section) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/projects/FAQ_Section/) |
| Text-Editor| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Text-Editor) | [Demo](https://62b41e69508b4f5bc4e01fc3--fascinating-puppy-32407a.netlify.app/) |
| Math4Kids| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Math4Kids) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/projects/Math4Kids/index.html) |
| Wordle=Clone| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Wordle_Clone) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/projects/Wordle_Clone/) |
| mediabook| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/mediabook) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/projects/mediabook/index.html) |
| MDown Editor| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/mdown-editor) | [Demo](https://rededge.is-a.dev/mdown-editor) |
| Food Ordering Website| [Code](https://github.com/Ishukumarpathak/food_ordering_website.git) | [Demo](https://ishukumarpathak.github.io/food_ordering_website/) |
| Memory Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Memory-game) | [Demo](https://dimple-choudhary.github.io/Memory-game/) |
| Watch Store | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/watch-store/assets) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/projects/watch-store/assets/index.html) |
| Quote Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Quote-generator/Quote-generator) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/projects/Quote-generator/Quote-generator/index.html) |
| Spotify | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/spotify-clone) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/projects/spotify-clone/index.html) |
| Flipkart Clone | [Flipkart](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Flipkart%20clone) | [flipkart](https://keshavgbpecdelhi.github.io/Web-Development/projects/Flipkart%20clone/index.html) |
| Countdown Timer | [Countdown](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Countdown-Timer) | [countdown](https://ayushknath.github.io/countdown-timer/) |
| Ball Game | [Ball Game](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/projects/ball%20game/index.html) | [Game](https://keshavgbpecdelhi.github.io/Web-Development/projects/ball%20game/index.html) |
| Notes | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/notes) | [Demo](https://srbmaury.github.io/notes/) |
| Rock Paper Scissors Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Rock%20Paper%20Scissors) | [Demo](https://codepen.io/Sanskrati01/pen/gOWzvaO) |
| Review Cards | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Review%20Cards) | [Demo](https://codepen.io/Sanskrati01/pen/yLbxboO) |
| Sorting Visualizer | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/projects/Sorting_Visualizer) | [Demo](https://sortingvisualizera.netlify.app/) |
| Age Calculator | [Code](https://github.com/DevanshMudgal/Web-Development/tree/master/AgeCalculator) | [Demo](https://demo.100jsprojects.com/age-calculator) |
| Landing Page for Bank Site | [Code](https://github.com/Dev-Sambhav/OIBSIP/tree/master/Landing%20Page) | [Demo](https://landingpageview.netlify.app/) |
| Wisp | Context-aware, zero-dependency UI engine that analyzes HTML structure and automatically applies adaptive styling. | [Code](https://github.com/rotsl/wisp) | [Demo](https://rotsl.github.io/wisp/) |

## :handshake: Our Contributors

Web-Development

Web-Development Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Web-Development

Web-Development Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README