Top 23 JavaScript HTML Projects

• Bootstrap

  533 167,594 9.6 JavaScript

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

  

Project mention: How to have a clean CSS structure with RSCSS/ITCSS | dev.to | 2024-05-15

As an example, let’s take the Bootstrap framework and try to go with ITCSS structure in it.

• 30-seconds-of-code

  37 119,530 9.8 JavaScript

  Short code snippets for all your development needs

  

Project mention: 30-seconds-of-code: Short code snippets for all your development needs | news.ycombinator.com | 2023-12-25

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Web-Dev-For-Beginners

  38 81,621 6.5 JavaScript

  24 Lessons, 12 Weeks, Get Started as a Web Developer

  

• html5-boilerplate

  36 56,063 8.5 JavaScript

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

  

• prettier

  444 48,399 9.8 JavaScript

  Prettier is an opinionated code formatter.

  

Project mention: How to prevent Prettier putting a full stop on a new line after a link | dev.to | 2024-05-13

Do you use Prettier? Have your configuration settings caused weird HTML rendering issues by adding extra whitespace where you didn't want it? Perhaps after an anchor link at the end of a paragraph? Me, too. Here's what's happening and how you might be able to fix it.

• parcel

  171 43,156 9.4 JavaScript

  The zero configuration build tool for the web. 📦🚀

  

Project mention: Create a typescript package with Parcel | dev.to | 2024-05-14

Parcel is a fast and zero-configuration web application bundler designed to simplify the build process for modern web projects. It's not limited to web applications, and it can be used to build packages targeting the browser or Node.js.

• 30-Days-Of-JavaScript

  32 41,077 1.8 JavaScript

  30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

Project mention: Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉 | dev.to | 2024-02-04

30 Days of JS

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• video.js

  33 37,257 8.8 JavaScript

  Video.js - open source HTML5 video player

  

Project mention: Stream to Chromecast with resolved, vlc and bash | news.ycombinator.com | 2024-01-07

For people who like to watch with subtitles, VLC currently doesn't support streaming to chromecast with SRT subtitles.. there are several issues for it and I believe support is slated for the next major version of Chromecast, but not sure when that will be.

The typical "workaround" is to reencode the video file to include the subtitles directly, but that sounded like too much work, so I hacked together a static page using https://videojs.com/ to embed a player and load the video and subtitles in a browser window.

Here it is in gist form if anyone has a similar issue: https://gist.github.com/HartS/9bb2721fa73b6798efcdbf5c463e87...

This was hacked together as quickly as possible for my own needs, so definitely not intended to be an example of clean code. You need to run the python server separately to serve the SRT because video-js can't load it from a file URL IIRC

• SheetJS js-xlsx

  61 34,554 2.4 JavaScript

  📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs

  

Project mention: how to work with .xlsx files? | /r/node | 2023-06-28

ExcelJS and XLSX (SheetJS) are great libraries to work with XLSX files. The former I've found a bit easier to work with but less efficient in general.

• htmx

  568 33,194 9.6 JavaScript

  </> htmx - high power tools for HTML

  

Project mention: Hanami and HTMX - progress bar | dev.to | 2024-05-07

Hi there! I want to show off a little feature I made using hanami, htmx and a little bit of redis + sidekiq.

• 30-Days-Of-React

  13 24,349 0.0 JavaScript

  30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14

Challenge yourself with the 30 Days of React series, perfect for honing your skills day by day.

• Pure

  17 23,417 7.5 JavaScript

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

  

Project mention: CSS framework for Dioxus + mobile | /r/rust | 2023-05-25

I found Pure.css and it looks nice but maybe there is something better?

• p5.js

  235 20,929 9.9 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: Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call | dev.to | 2024-05-16

The Processing Foundation is thrilled to announce the open call for pr05 (pronounced “pros”), a new grant and mentorship initiative designed to support the professional growth of early to mid-career software developers through hands-on involvement in open-source projects. This is a unique opportunity to grow as a developer while making a tangible impact on software projects used by millions of creatives, artists, educators, and students globally. The topic of this year’s program is 'New Beginnings', focusing on supporting projects that will enhance and solidify the Processing and p5.js ecosystems and help lay strong foundations for their futures.

• jsdom

  55 20,021 7.5 JavaScript

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

  

Project mention: Simplifier l’intégration des icônes depuis Figma : De la conception au design system | dev.to | 2024-02-19

• A-Frame

  103 16,230 9.6 JavaScript

  :a: Web framework for building virtual reality experiences.

  

Project mention: Ask HN: Why Htmx So Controversial? | news.ycombinator.com | 2024-05-13

I like it. It is a perfect framework for my smart RSS reader and my image sorter where I want to do some simple things like putting up modal dialogs, implementing multiple-stage selects, combo boxes, things like that.

React can handle apps with much more complex state and do really amazing things like

https://aframe.io/

but it is overkill for the common form applications it is commonly used for.

• koodo-reader

  13 15,974 9.3 JavaScript

  A modern ebook manager and reader with sync and backup capacities for Windows, macOS, Linux and Web

  

• showdown

  14 13,959 0.0 JavaScript

  A bidirectional Markdown to HTML to Markdown converter written in Javascript

  

Project mention: Is there a simple way to render a markdown file in Vue3? | /r/vuejs | 2023-10-28

• DOMPurify

  42 12,950 8.8 JavaScript

  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: JavaScript Libraries for Implementing Trendy Technologies in Web Apps in 2024 | dev.to | 2024-04-09

DOMPurify

• TW-Elements

  45 12,679 9.1 JavaScript

  𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

  

Project mention: Open-Source Components for TailwindCSS | news.ycombinator.com | 2024-05-07

• remark

  7 12,625 2.4 JavaScript

  A simple, in-browser, markdown-driven slideshow tool.

Project mention: Sent – simple plaintext presentation tool | news.ycombinator.com | 2024-02-18

Eh there are loads of these based on Markdown that are much better. I think revealjs is the most popular, but I like remarkjs:

https://github.com/gnab/remark

There's a list of them here:

• ReLaXed

  1 11,808 0.0 JavaScript

  Create PDF documents using web technologies

  

• Habitica

  173 11,446 9.5 JavaScript

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

  

Project mention: Habitica – Gamify Your Life | news.ycombinator.com | 2024-04-04

• AriaNg

  17 11,334 7.2 JavaScript

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

Project mention: Modern web front end for aria2 (BitTorrent supported) | news.ycombinator.com | 2023-07-16

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

JavaScript HTML related posts

• How to have a clean CSS structure with RSCSS/ITCSS

  3 projects | dev.to | 15 May 2024

• How to create heatmaps in JavaScript: The Heat.js library

  1 project | dev.to | 14 May 2024

• Caniemail.com (like caniuse but for email content)

  3 projects | news.ycombinator.com | 6 May 2024

• Starting a Side Hustle/Side Project in 2024.

  1 project | dev.to | 6 May 2024

• RiotJS Routes

  3 projects | dev.to | 28 Apr 2024

• Digitized Continuous Magnetic Recordings for the 1859 Carrington Event

  1 project | news.ycombinator.com | 23 Apr 2024

• My Failed Student Housing App

  3 projects | dev.to | 23 Apr 2024
• A note from our sponsor - SaaSHub
  www.saashub.com | 17 May 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending JavaScript projects with our weekly report!