Top 20 JavaScript web-development Projects

• front-end-interview-handbook

  18 32,459 8.3 JavaScript

  ⚡️ Front End interview preparation materials for busy engineers

  Project mention: Any ideas on possible questions Jr Front-End Dev | reddit.com/r/Frontend | 2022-01-15

• responsively-app

  16 14,861 7.8 JavaScript

  A modified web browser that helps in responsive web development. A web developer's must have dev-tool.

  

  Project mention: Cheaper Alternative to BrowserStack? | reddit.com/r/webdev | 2022-01-12

  Theres also https://responsively.app/ which is nice for screen sizes.

• Scout APM

  scoutapm.com

  sponsored

  Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  

• whitestorm.js

  0 5,692 0.0 JavaScript

  :rocket: 🌪 Super-fast 3D framework for Web Applications 🥇 & Games 🎮. Based on Three.js

  

• urlpages

  5 1,294 0.0 JavaScript

  Create and view web pages stored entirely in the URL

  Project mention: Tinysheet | news.ycombinator.com | 2021-10-25

  The limits are definitely shorter now. I also checked when I created URL Pages [0], which hosts entire web pages in the URL.

  However there is a link shortener that is quietly hosted by GitHub called https://git.io that doesn't seem to have a length limit as far as I've discovered. [1]

  0: https://github.com/jstrieb/urlpages

  1: https://jstrieb.github.io/posts/git-io

• projectlearn-project-based-learning

  2 1,016 5.5 JavaScript

  A curated list of project tutorials for project-based learning.

  Project mention: How To Improve Your Programming Skills As Developers and Non-Developers | dev.to | 2021-11-03

  ProjectLearn: Project Based Learning (Xtremilicious)

• jsapi-resources

  1 544 8.9 JavaScript

  A collection of useful resources for developers using the ArcGIS API for JavaScript.

  

  Project mention: ArcGIS JSAPI Build Tips | dev.to | 2021-08-03

  Using these build tips and tweaks, the sample application shown here is about 710kb of JavaScript at runtime, and it has some widgets and custom visualizations in it. I'm pretty happy with that.

• loading-attribute-polyfill

  4 477 9.0 JavaScript

  Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.

  Project mention: The best approach to lazy load images for maximum performance | reddit.com/r/Frontend | 2021-04-19

• SonarLint

  www.sonarlint.org

  sponsored

  Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  

• cloudinary-react

  2 459 4.6 JavaScript

  React components that utilize Cloudinary functionality

  

  Project mention: Build an Ecommerce Store with Next.js, Auth0 and Cloudinary | dev.to | 2021-10-18

  Cloudinary React video transformations Image optimization cloudinary-react

• uiengine

  1 355 6.4 JavaScript

  Workbench for UI-driven development

  Project mention: UIengine project setup | dev.to | 2021-01-16

  UIengine is an awesome tool I used few times to document design systems with living pattern libraries. Here it is my basic UIengine setup.

• Responsivize

  17 210 8.6 JavaScript

  A must-have tool to develop responsive websites 📲

  Project mention: I made an app for Web Developers and we are almost at 100 GitHub stars! | reddit.com/r/opensource | 2021-08-12

• arcgis-webpack-plugin

  1 132 4.3 JavaScript

  Webpack plugin for the ArcGIS API for JavaScript

  

  Project mention: ArcGIS JSAPI Build Tips | dev.to | 2021-08-03

  Up until this recent release, you would only want to use the @arcgis/webpack-plugin if you want to copy the assets locally. This would add about 25mb to your deployed build size. This includes the workers, styles, images, and localization files. If you did not want to copy them locally and just let them load from the CDN, you didn't need this plugin with webpack at all.

• shader-web-background

  2 103 2.2 JavaScript

  Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.

  

  Project mention: Another frame of the endless generative video, noise and radial gradient as a source of spectral color, another 3d-to-2d noise as feedback displacer, GLSL, realtime | reddit.com/r/generative | 2021-09-14

• terraform-cloudflare-maintenance

  3 99 4.4 JavaScript

  Terraform module to create a responsive Maintenance Page using Cloudflare Workers.

  Project mention: Github project - automatic Cloudflare maintainance pages using workers | reddit.com/r/CloudFlare | 2022-01-13

• sorting-visualizer

  1 39 2.8 JavaScript

  A Sorting Algorithms Visualizer built using ReactJS (by KarimElghamry)

  Project mention: Sorting Visualizer - An open source sorting algorithms visualizer built using ReactJS (links in comments) | reddit.com/r/reactjs | 2021-01-31

  Github repo: https://github.com/KarimElghamry/sorting-visualizer

• 10kbclub

  2 38 5.0 JavaScript

  A curated collection of websites whose home pages do not exceed 10 KB compressed size

  Project mention: Caffè Italia * 21/04/21 | reddit.com/r/italy | 2021-04-21

• obvia

  1 37 7.4 JavaScript

  The Javascript framework to make web development obviously easy

  Project mention: Introducing Obvia, the obviously easy JavaScript framework | dev.to | 2021-04-05

  If you would like to learn more, please visit us at obviajs.com. For direct communication, you can visit our Discord server. For meetups, workshops, and events about Obvia, you can join our Meetup group. And of course, our Github where you can directly check the code and everything you need.

• Hypixel-Bedwars-Tracker

  2 6 8.7 JavaScript

  A website where Minecraft Bedwars players can view their stats through gamemode specific cards and informational graphs. Made with React.js, Chart.js, HTML, and CSS.

  Project mention: I made a Bedwars stat tracker website! More info in the comments. | reddit.com/r/cshighschoolers | 2021-08-14

  Here’s the repo if ur interested though the code gets quite sloppy

• Image-Search-App-using-Pexels-API

  1 2 4.5 JavaScript

  Let's build an amazing Image Search App using HTML, CSS, JavaScript, and Pexels API.

  Project mention: Create an amazing Image Search App using Pexels API | dev.to | 2021-08-14

  Source Code:- https://github.com/nehasoni05/Image-Search-App-using-Pexels-API

• Social

  1 1 5.3 JavaScript

  Social Web App (by utsavk28)

  Project mention: How should I set up a MERN stack/folder structure? | reddit.com/r/github | 2021-09-23

  This is the one which i use https://github.com/utsavk28/Social .

• svg-experiments

  1 1 8.1 JavaScript

  ✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.

  Project mention: good old cellular automaton | reddit.com/r/creativecoding | 2022-01-04

  Repository: https://github.com/diegoinacio/svg-experiments/tree/master/svg-experiment-006

JavaScript web-development related posts

• 10 Useful Resources for Web Developers
  1 project | dev.to | 7 Jan 2022
• Polypane: A browser for responsive and accessible development
  2 projects | news.ycombinator.com | 25 Nov 2021
• Web Development Resources series! Part -2
  3 projects | dev.to | 5 Oct 2021
• Tools for testing whether a site is mobile friendly during development
  1 project | reddit.com/r/Frontend | 2 Oct 2021
• How should I set up a MERN stack/folder structure?
  1 project | reddit.com/r/github | 23 Sep 2021
• Create an amazing Image Search App using Pexels API
  1 project | dev.to | 14 Aug 2021
• I made a Bedwars stat tracker website! More info in the comments.
  1 project | reddit.com/r/cshighschoolers | 14 Aug 2021

Index

Sponsored

OPS - Build and Run Open Source Unikernels

Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

github.com/nanovms

Get the trending JavaScript projects
with our weekly report!
» Subscribe «