Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 JavaScript HTML Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
FastHTML allows developers to build modern web applications entirely in Python without touching JavaScript or React. As its name implies, it is quicker to begin with FastHTML. However, it does not have pre-built UI components and styling. Getting the best out of this framework requires the knowledge of HTMX and UI styling using CSS libraries like Tailwind and Bootstrap.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
30 Seconds of Code
-
Web development tutorial reference from Microsoft.
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
HTML5 Boilerplate
-
Website: prettier.io
-
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
30 Days of JS preparation 30 Days of Javascript preparation that teaches JS topics in 30 days one topic per day, quite a good roadmap as well to learn JS from scratch.
-
FastHTML allows developers to build modern web applications entirely in Python without touching JavaScript or React. As its name implies, it is quicker to begin with FastHTML. However, it does not have pre-built UI components and styling. Getting the best out of this framework requires the knowledge of HTMX and UI styling using CSS libraries like Tailwind and Bootstrap.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Parcel is another alternative that requires zero configuration and is super fast. If you want a simple React setup without any hassle, Parcel is a great choice.
-
1. Video.js
-
EasySpider
A visual no-code/code-free web crawler/spider易采集:一个可视化浏览器自动化测试/数据采集/爬虫软件,可以无代码图形化的设计和执行爬虫任务。别名:ServiceWrapper面向Web应用的智能化服务封装系统。
Project mention: EasySpider: A No-Code Tool for Visual Web Crawling and Data Collection | news.ycombinator.com | 2024-08-11 -
SheetJS js-xlsx
📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
Project mention: Building an inventory management app: 'Invento' as a Beginner Developer | dev.to | 2024-07-24XLSX : XLSX is a library for parsing and writing Excel spreadsheet files. It enables the application to export data to Excel, which is a common requirement for inventory management systems.
-
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
The GitHub repository 30-Days-Of-React by Asabeneh offers a comprehensive and structured approach to mastering React in just 30 days. It is a good repository to get started in React. It has a guide that will introduce React and explore more topics related to React.
-
Project mention: Rapidly build efficient sites with Neat, the minimalist CSS framework | news.ycombinator.com | 2024-08-02
Neat lacks a header and navigation; this by design, and may be enough for simple sites. If you want more capability, Pure.css is good to try too https://purecss.io/
-
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: Ask HN: Who Are Your Favorite Photography and Generative Coding Artists? | news.ycombinator.com | 2025-02-26p5.js is a JavaScript library that I've enjoyed messing with. It's related to Processing.
https://p5js.org/
-
koodo-reader
A modern ebook manager and reader with sync and backup capacities for Windows, macOS, Linux, Android, iOS and Web
Project mention: Foliate: Read e-books in style, navigate with ease | news.ycombinator.com | 2024-07-18https://github.com/koodo-reader/koodo-reader/commits/master/
I'm really not confortable with projects that treat the Git history as junk, to the point I'd rather avoid that software. I daily use the e-reader Koreader, and sometimes Plato, and their source code and Git history are clear and documented (though I think Koreader's choice of Lua is poorly suited to the task). I could patch Koreader to my taste and send pull requests.
-
Project mention: Next.js Testing Guide: Unit and E2E Tests with Vitest & Playwright | dev.to | 2025-02-03
React Testing Library provides APIs that make it possible to work with React components. It needs to be installed together with jsdom which makes it possible to query the DOM nodes on a web page.
-
Project mention: Stripe Black Friday Dashboard (Physical Machine) | news.ycombinator.com | 2024-12-03
Just based off one of the errors in the console, I think it's using A-Frame which is built on top of Three.js https://aframe.io/
-
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:
Let's take a look at how we implement sanitization in the secure version of our vulnerable application. Since this application is primarily written using JavaScript, we use the dompurify library for the client side and the isomorphic-dompurify library for server-side sanitization. In the app.js program that acts as our web server, you will find an express endpoint /sanitized with a GET and POST implementation:
-
-
3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
-
Project mention: Why Svelte Might Be the Best Framework You Haven't Tried Yet 🚀 | dev.to | 2025-02-25
Desktop & Mobile Apps: Pair with Electron or Capacitor to build cross-platform apps.
-
-
Project mention: Kickstart Hacktoberfest with These Exciting Open Source Projects to Contribute To! 🚀 | dev.to | 2024-10-09
💼 Project: Habitica 💡 Why Contribute: Habitica is a gamified task management app that helps users build better habits. It’s an open-source project built with JavaScript, and there are plenty of issues ranging from beginner-friendly bug fixes to feature enhancements.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
JavaScript HTML discussion
JavaScript HTML related posts
-
Tell Mozilla: it's time to ditch Google
-
How To Work With API In React JS
-
1.5KB Single-File Wiki
-
30 Best Free Tools for Frontend Developers in 2025
-
JS Arrays Unleashed | Mutate, Map, Transform, Sort like a pro
-
Bootstrap v6 is on the way, but is anyone waiting for it?
-
Summer Web Internship: Low-JavaScript Development for 🧶Knitters/Crocheters (US Only)
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 21 Mar 2025
Index
What are some of the best open-source HTML projects in JavaScript? This list will help you:
# | Project | Stars |
---|---|---|
1 | Bootstrap | 171,774 |
2 | 30-seconds-of-code | 123,124 |
3 | Web-Dev-For-Beginners | 85,718 |
4 | html5-boilerplate | 56,844 |
5 | prettier | 50,120 |
6 | 30-Days-Of-JavaScript | 44,096 |
7 | htmx | 43,975 |
8 | parcel | 43,722 |
9 | video.js | 38,533 |
10 | EasySpider | 38,026 |
11 | SheetJS js-xlsx | 35,488 |
12 | 30-Days-Of-React | 26,526 |
13 | Pure | 23,690 |
14 | p5.js | 22,288 |
15 | koodo-reader | 21,535 |
16 | jsdom | 20,866 |
17 | A-Frame | 16,944 |
18 | DOMPurify | 14,805 |
19 | showdown | 14,509 |
20 | TW-Elements | 12,991 |
21 | capacitor | 12,906 |
22 | remark | 12,796 |
23 | Habitica | 12,656 |