JavaScript HTML

Open-source JavaScript projects categorized as HTML | Edit details

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: Which CSS framework should you use? | dev.to | 2021-09-19

    1. Bootstrap

  • GitHub repo html5-boilerplate

    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

    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.

  • GitHub repo prettier

    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).

  • GitHub repo parcel

    📦🚀 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/

  • GitHub repo video.js

    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.

  • GitHub repo front-end-interview-handbook

    ⚡️ 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 :)

  • GitHub repo SheetJS js-xlsx

    :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

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

    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.

  • GitHub repo Pure

    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.

  • GitHub repo mdb-ui-kit

    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

  • GitHub repo intro.js

    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

  • GitHub repo jsdom

    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.

  • 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: [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.

  • GitHub repo A-Frame

    :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

  • 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 Aurelia 1

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

  • 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 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: 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
  • GitHub repo Habitica

    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
  • 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.

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

    website: Onsen UI

  • GitHub repo AriaNg

    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
  • GitHub repo noVNC

    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)

  • GitHub repo dom-to-image

    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.

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-09-25.

Index

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

Project Stars
1 Bootstrap 153,072
2 html5-boilerplate 51,517
3 prettier 40,646
4 parcel 38,932
5 video.js 32,032
6 front-end-interview-handbook 31,591
7 SheetJS js-xlsx 27,318
8 Pure 21,905
9 mdb-ui-kit 21,574
10 intro.js 20,649
11 jsdom 16,337
12 p5.js 16,106
13 A-Frame 13,083
14 showdown 11,962
15 Aurelia 1 11,651
16 ReLaXed 11,646
17 30-seconds-of-interviews 9,248
18 stylelint 9,030
19 Habitica 8,533
20 onsenui 8,457
21 AriaNg 8,018
22 noVNC 7,995
23 dom-to-image 7,800
Find remote HTML jobs at our new job board 99remotejobs.com. There is 1 new remote job listed recently.
Are you hiring? Post a new remote job listing for free.