JavaScript HTML

Open-source JavaScript projects categorized as HTML
Edit details
Topics: JavaScript CSS React NodeJS JS
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.
www.influxdata.com
Sponsored

Top 23 JavaScript HTML Projects

  • Bootstrap

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

    • Project mention: Integrate Bootstrap with React | dev.to | 2024-04-19

    This article serves as your comprehensive guide to mastering the art of combining Bootstrap and React seamlessly. Dive in to uncover the tips, tricks, and best practices to elevate your UI design game effortlessly.

  • 30-seconds-of-code

    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

    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.

    SurveyJS logo

  • Web-Dev-For-Beginners

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

  • html5-boilerplate

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

    • Project mention: html5 boilerplate with bootstrap | /r/webdevY | 2023-05-05

    Download the HTML5 Boilerplate template from the official website (https://html5boilerplate.com/). You can choose to download the standard or the enhanced version, depending on your needs.

  • prettier

    Prettier is an opinionated code formatter.

    • Project mention: Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace | dev.to | 2024-04-25

    Prettier: An opinionated code formatter that enforces a consistent code style.

  • parcel

    The zero configuration build tool for the web. ๐Ÿ“ฆ๐Ÿš€

    • Project mention: Getting started with TiniJS framework | dev.to | 2024-04-20

    Homepage: https://parceljs.org/

  • 30-Days-Of-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

    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.

    InfluxDB logo

  • video.js

    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

    ๐Ÿ“— 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

    </> htmx - high power tools for HTML

    • Project mention: Reusable Input Datalist | dev.to | 2024-04-06

    When I work with HTMX I need isolated component that can be reusable a form. So I create a PHP Function that generate the Input Datalist.

  • 30-Days-Of-React

    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

    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

    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: Online Canvas Programming | news.ycombinator.com | 2024-02-27

  • jsdom

    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

    :a: Web framework for building virtual reality experiences.

    • Project mention: A New Era for Mixed Reality | news.ycombinator.com | 2024-04-22

    I looked at it seriously for content authoring but gave it up.

    The big problem is you cannot import images, textures, 3-d models and such from ordinary tools. You have something like constructive solid geometry to work with but only so much and there is a slider you can use to set the number of players and the more players the less geometry you can use.

    I want to make worlds based in photographs (particularly pano and stereo) and art. McDonalds needs to put a Coca-Cola logo on the side of the cup. Either way it is a non-starter.

    HW supports collaboration (more than one person shares the world) but https://aframe.io/ lets me make the content I want. If I have to choose one or the other I am going to pick the second.

    My take on Meta Quest is that it seems highly successful as a gaming environment based on an app store but is skews towards single-player experiences. Like a lot of AAA games, the excellent Asgardโ€™s Wrath 2 has some multiplayer tacked on but it is all meaningless like leaderboards and the occasional ghost that shows up in a procedurally generated dungeon.

    Of course, Meta wants to make multiplayer experiences but somehow they just canโ€™t do it.

  • koodo-reader

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

  • showdown

    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

    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

    ๐™ƒ๐™ช๐™œ๐™š collection of Tailwind MIT licensed (free) components, sections and templates ๐Ÿ˜Ž

    • Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

    I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

  • remark

    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

    Create PDF documents using web technologies

  • Habitica

    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

    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

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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

JavaScript HTML related posts

Index

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

Project Stars
1 Bootstrap 167,414
2 30-seconds-of-code 119,033
3 Web-Dev-For-Beginners 81,453
4 html5-boilerplate 55,970
5 prettier 48,241
6 parcel 43,115
7 30-Days-Of-JavaScript 40,920
8 video.js 37,169
9 SheetJS js-xlsx 34,479
10 htmx 32,656
11 30-Days-Of-React 24,265
12 Pure 23,395
13 p5.js 20,850
14 jsdom 19,954
15 A-Frame 16,192
16 koodo-reader 15,565
17 showdown 13,913
18 DOMPurify 12,766
19 TW-Elements 12,643
20 remark 12,614
21 ReLaXed 11,808
22 Habitica 11,395
23 AriaNg 11,282

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com