Top 23 JavaScript HTML Projects

• Bootstrap

  144 153,072 9.8 JavaScript

  The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  

  Project mention: Which CSS framework should you use? | dev.to | 2021-09-19

  1. Bootstrap

• html5-boilerplate

  10 51,517 8.6 JavaScript

  A professional front-end template for building fast, robust, and adaptable web apps or sites.

  

  Project mention: Pollen – A library of CSS variables inspired by TailwindCSS | news.ycombinator.com | 2021-09-04

  - The sizes are just multipliers. If you are standardizing on a value multiplier, use that multiplier (calc) and stick to a standard default instead of defining each step. So, my `medium` and `large` may be multiplied by a golden ratio number instead of just a multiplication. So, I'd would used `--size-normal`, `--size-medium` or `--size-large` etc but the medium and large will be derived from normal with a formula. Same for width.

  Nonetheless, and despite my opinion, this is a good starter. I'm going to steal this and refine my own style.

  1. https://html5boilerplate.com

• Scout APM

  scoutapm.com

  sponsored

  Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  

• prettier

  94 40,646 9.9 JavaScript

  Prettier is an opinionated code formatter.

  

  Project mention: Setup ESLINT and PRETTIER in React app | dev.to | 2021-09-25

  Prettier is an opinionated code formatter which is compatible with most of the languages. It saves a lot of time. It quickly indents our code on save (depends on VSCode/editor settings).

• parcel

  49 38,932 9.6 JavaScript

  📦🚀 Blazing fast, zero configuration web application bundler

  

  Project mention: I completely ignored the front end development scene for 6 months. It was fine | news.ycombinator.com | 2021-09-03

  Last year, I built a little widget thing in plain JS with Parcel[1]. It took away 100% of the tooling I used to spend a couple hours nailing down just to get started. When I need small JS projects that don't need a framework, etc, I'm likely to use Parcel in the future.

  1. https://parceljs.org/

• video.js

  12 32,032 8.9 JavaScript

  Video.js - open source HTML5 & Flash video player

  

  Project mention: 18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project | dev.to | 2021-09-03

  A plugin that displays customizable markers upon progress bars of the video with Video.js. This could be used to show video breaks and show overlaid text on the video when playback reaches the specific break point.

• front-end-interview-handbook

  16 31,591 8.1 JavaScript

  ⚡️ Front End interview preparation materials for busy engineers

  Project mention: Questions in Front-end Interview | reddit.com/r/Frontend | 2021-09-25

  Front End Intervhew Handbook - https://frontendinterviewhandbook.com/ has got you covered :)

• SheetJS js-xlsx

  12 27,318 5.2 JavaScript

  :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

  

  Project mention: Any reporting engine in nodejs? | reddit.com/r/node | 2021-09-08

• Syncfusion

  syncfusion.com

  sponsored

  Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

  

• Pure

  5 21,905 7.5 JavaScript

  A set of small, responsive CSS modules that you can use in every web project.

  

  Project mention: 23 Responsive And Lightweight CSS Frameworks | dev.to | 2021-07-27

  Pure.css is one of the best lightweight CSS frameworks. All the modules are packed in at 3.7KB minified and gzipped, equipped with different features. Pure.css is developed keeping mobile devices in mind. If you plan only to use one subset of these modules, you will end up saving even more bytes.

• mdb-ui-kit

  7 21,574 7.1 JavaScript

  Bootstrap 5 & Material Design 2.0 UI KIT

  

  Project mention: What is this layout called? | reddit.com/r/webdev | 2021-08-03

  It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here

• intro.js

  5 20,649 9.1 JavaScript

  Lightweight, user-friendly onboarding tour library

  

  Project mention: How to make a tutorial for my website? | reddit.com/r/learnprogramming | 2021-06-30

  There are Javascript libraries for this, I searched "Javascript tour library" and found https://introjs.com/ and https://shepherdjs.dev/ for example

• jsdom

  18 16,337 8.1 JavaScript

  A JavaScript implementation of various web standards, for use with Node.js

  

  Project mention: Making a Toggle Switch into a New HTML Element | dev.to | 2021-09-24

  I'm highlighting the "against a real browser" bit because doing so provides the highest confidence that the element as it behaves in tests will be the same as it behaves in the wild. This is opposed to using something like jsdom, which has classically had poor support for web components.

• p5.js

  73 16,106 9.5 JavaScript

  p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —

  

  Project mention: [p5.js] mask one graphics with another? | reddit.com/r/processing | 2021-09-19

  Apparently this is possible in processing but masking one p5.Graphic with another p5.Graphic doesn't seem to be a thing in p5.js yet? I have an animation I am generating that I want to mask with another graphic as well. The problem is, as far as I can tell, I can only mask a p5.Image? Drawing to the graphic and then using .get() to get the graphic as an image is a real big bottleneck in terms of performance. I tried the code listed here but it was erroring out on the line p5.Renderer2D.prototype.copy.apply(this, copyArgs);. Maybe because it was written for an older version of p5, but I'm not sure how to use it with the newest version of the p5 lib. Thanks.

• A-Frame

  20 13,083 9.0 JavaScript

  :a: web framework for building virtual reality experiences.

  

  Project mention: Manim: An animation engine for explanatory math videos | news.ycombinator.com | 2021-08-20

  I think there is a lot possible with a ThreeJS approach for DataViz. For instance there is a project [1] to have R implemented in A-Frame [2] (a simplified HTML like framework for ThreeJS). 3D in AR/VR is definitely a whole new visual language space for education such as the work by FlowImmersve's TicTok Data Guy [3].

  [1] https://github.com/ACEMS/r2vr

  [2] https://aframe.io/

  [3] https://www.tiktok.com/@the.data.guy

• showdown

  4 11,962 0.0 JavaScript

  A bidirectional Markdown to HTML to Markdown converter written in Javascript

  

  Project mention: How to handle Blog Page in a website without a database? | reddit.com/r/reactjs | 2021-06-12

  Markdown to HTML : It seems good to me(it gives the freedom regarding styling of article) but again the problem is where would I store the data.

• Aurelia 1

  0 11,651 5.7 JavaScript

  The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. (by aurelia)

  

• ReLaXed

  1 11,646 0.0 JavaScript

  Create PDF documents using web technologies

  

  Project mention: Beautiful PDFs from HTML | news.ycombinator.com | 2021-04-04

  A few years ago I started an alternative to PrinceXML called ReLaXed.js [1], it's always been sufficient for my reports but it may lack some pagination/layout features that Paged.js may have as they seem to have given this much more thoughts (still wrapping my head around whether paged.js could be "plugged into" Relaxed).

  [1] https://github.com/RelaxedJS/ReLaXed

• 30-seconds-of-interviews

  1 9,248 1.2 JavaScript

  A curated collection of common interview questions to help you prepare for your next interview.

  

  Project mention: Frontend Developer Interview @Zalando | reddit.com/r/cscareerquestionsEU | 2021-03-31

  I can't give you Zalando specific prep tips, but general prep tips from my experience with bigger companies that still have this startup-ish mentality. Make sure that you understand the details of JS (event loop, promises, etc.) and if they mentioned the tech-stack (vue, react, whatever) make sure you thoroughly understand them as well. And expect questions about your cultural fit, so have a genuine interest in the company (google it) and in a good work environment (knowledge sharing, pair programming, mentoring). For system design, be sure to think of CI/CD, testing and monitoring. And if you don't know something, be open about it and mention that you are willing to learn, don't make something up or try to cheat, it will be noticed. And remember its a two way street, ask questions. i like this resource for interview preparations a lot: 30-seconds-of-interview

• stylelint

  12 9,030 8.9 JavaScript

  A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

  

  Project mention: When doing an @import to include external CSS, do the imports have to be before any other CSS? | reddit.com/r/css | 2021-09-07

• Habitica

  50 8,533 9.8 JavaScript

  A habit tracker app which treats your goals like a Role Playing Game.

  

  Project mention: Habitica – An OSS habit building program which treats your life like a RPG | news.ycombinator.com | 2021-09-16

• onsenui

  1 8,457 9.1 JavaScript

  Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

  

  Project mention: 20 Awesome React Component libraries to try in 2021 | dev.to | 2021-09-10

  website: Onsen UI

• AriaNg

  6 8,018 5.9 JavaScript

  AriaNg, a modern web frontend making aria2 easier to use.

  Project mention: The complete guide to building your personal self hosted server for streaming and ad-blocking powered by Plex, Jellyfin, Adguard Home and Docker. | reddit.com/r/Piracy | 2021-09-18

• noVNC

  1 7,995 7.3 JavaScript

  VNC client web application

  

  Project mention: Showcase of noVNC on proot-distro archlinux | reddit.com/r/termux | 2021-09-12

  git clone https://github.com/novnc/noVNC (clone novnc from the repo)

• dom-to-image

  3 7,800 0.0 JavaScript

  Generates an image from a DOM node using HTML5 canvas

  Project mention: Can anyone help develop a button that takes a screenshot of an embedded vimeo video? | reddit.com/r/elementor | 2021-06-28

  Hmm, tricky. I just tried it with dom-to-img and it didn't work.

Index

Sponsored

Run Linux Software Faster and Safer than Linux with Unikernels

github.com/nanovms