JavaScript HTML

Open-source JavaScript projects categorized as HTML

Top 23 JavaScript HTML Projects

  • GitHub repo Bootstrap

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

    Project mention: Steps to Create A To-Do App With MERN stack | dev.to | 2021-06-18
  • GitHub repo html5-boilerplate

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

    Project mention: Beginner Questions | reddit.com/r/web_design | 2021-06-05

    Really all you need for something like this is HTML, CSS, and maybe some JS. I'd say play around in codepen where you can see your code hot-reload when you make changes. When your project outgrows codependent, drop your code into an HTML Boilerplate, and keep going.

  • GitHub repo prettier

    Prettier is an opinionated code formatter.

    Project mention: Design Systems: What they are and how to build one | dev.to | 2021-06-17

    And if your team has not yet had a chance to look at code formatting tools such as prettier, now is the time.

  • GitHub repo parcel

    📦🚀 Blazing fast, zero configuration web application bundler

    Project mention: Automatically update reveal.js presentation in browser while editing org-file. | reddit.com/r/emacs | 2021-06-24

    set up a hook to automatically export to reveal.js on save, then either use https://github.com/skeeto/impatient-mode on the output buffer or https://parceljs.org/

  • GitHub repo video.js

    Video.js - open source HTML5 & Flash video player

    Project mention: JavaScript Video.js | reddit.com/r/AskProgramming | 2021-06-22

    Hi! I'm using Video.js as my primary media player (https://github.com/videojs/video.js) and I was curious on how exactly I can work to implement the incorporation of .srt files (captioning).

  • GitHub repo front-end-interview-handbook

    🕸 No-bullshit answers to the famous h5bp "Front-end Job Interview Questions"

    Project mention: How to stand out as a junior developer | reddit.com/r/cscareerquestionsEU | 2021-04-07

    This seems like a good place to start for front end domain knowledge - https://github.com/yangshun/front-end-interview-handbook

  • GitHub repo SheetJS js-xlsx

    :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

    Project mention: Import data to firestore database using excel sheet by python script. | reddit.com/r/Firebase | 2021-06-06
  • GitHub repo Pure

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

    Project mention: Bootstrap 5 Released | news.ycombinator.com | 2021-05-05
  • GitHub repo intro.js

    Lightweight, user-friendly onboarding tour library

    Project mention: How to create "Site introduction / tutorial / guide / How to use"? | reddit.com/r/learnjavascript | 2021-06-19

    There are probably plenty of libraries that have this walkthrough/guide functionality. Just one example I found by doing a Google search: https://introjs.com/

  • GitHub repo jsdom

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

    Project mention: When preparing a unit test of functionA, is it OK to call functionB, functionC when preparing the test? | reddit.com/r/learnjavascript | 2021-05-21

    Hi all. I'm writing a unit test for a function which accepts a DOM element as a parameter (functionA(element)). In my unit test, I need to create a DOM element before calling the function under test. To do so, I've used the jsdom npm package to create a mock DOM element. That works fine.

  • GitHub repo p5.js

    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: How to create a Twitch Chat Game with Javascript | dev.to | 2021-06-19
  • GitHub repo A-Frame

    :a: web framework for building virtual reality experiences.

    Project mention: Samsung Galaxy Watch: Controlling WebXR 3D Objects In Real-Time | dev.to | 2021-06-20

    You can also visit the A-Frame website and explore other sample projects.

  • GitHub repo showdown

    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.

  • GitHub repo ReLaXed

    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

  • GitHub repo Aurelia 1

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

  • GitHub repo 30-seconds-of-interviews

    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

  • GitHub repo stylelint

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

    Project mention: Prettier and ESLint Automation Cheat Sheet | dev.to | 2021-06-17

    🎁 6. Stylelint (Bonus)

  • GitHub repo Habitica

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

    Project mention: One experienced Fullstack/Backend Developer wanted for something really cool | reddit.com/r/INAT | 2021-06-18

    The scope of this portal is not insignificant. There are some significant requirements. Your basics, like authentication, community spaces, commerce. But also a thing or two that isn't typical for a website to have. Have you seen Habitica? If you can build something like Habitica, you can probably build this. If you can't build something like Habitica, then maybe someone who can will like the idea of having a team and let you help them.

  • GitHub repo onsenui

    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.

  • GitHub repo AriaNg

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

    Project mention: JDownloader headless self-hosted web-client that is not MyJDownloader? | reddit.com/r/Piracy | 2021-06-13

    AriaNg is the only alternative I know of.

  • GitHub repo dom-to-image

    Generates an image from a DOM node using HTML5 canvas

    Project mention: Download your d3.js Charts as SVG, PNG, PDF | reddit.com/r/d3js | 2021-04-11
  • GitHub repo JS-Beautifier

    Beautifier for javascript

    Project mention: The js-library repo (of CDNJS fame) needs your help designing a logo! | reddit.com/r/web_design | 2021-05-27
  • GitHub repo DOMPurify

    DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:

    Project mention: Sending Contact Form Messages to Your Email Inbox | dev.to | 2021-02-21

    Since we are dealing with user input sanitizing it is a good security practice, you can set up any user input sanitizing method you are familiar with, a good start can be DOMPurify.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-06-24.

Index

What are some of the best open-source HTML projects in JavaScript? This list will help you:

Project Stars
1 Bootstrap 151,291
2 html5-boilerplate 50,770
3 prettier 39,924
4 parcel 38,559
5 video.js 31,549
6 front-end-interview-handbook 29,430
7 SheetJS js-xlsx 25,914
8 Pure 21,751
9 intro.js 20,278
10 jsdom 15,968
11 p5.js 15,592
12 A-Frame 12,831
13 showdown 11,772
14 ReLaXed 11,623
15 Aurelia 1 11,622
16 30-seconds-of-interviews 8,985
17 stylelint 8,811
18 Habitica 8,390
19 onsenui 8,383
20 AriaNg 7,649
21 dom-to-image 7,433
22 JS-Beautifier 7,301
23 DOMPurify 7,273