Top 23 JavaScript HTML Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
twbs/bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
example: HTML5 boilerplate & source code on GitHub
-
Scout
Get performance insights in less than 4 minutes. 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.
-
prettier
Prettier is an opinionated code formatter.
Project mention: The Ultimate Serverless Framework Starter with ExpressJS and TypeScript | dev.to | 2021-02-25🚀 Serverless Boilerplate is starter code for your backend and REST API based on Serverless framework with Express JS and TypeScript. ⚡️ Made with Serverless framework, ExpressJS, TypeScript, ESLint, Prettier.
-
parcel
📦🚀 Blazing fast, zero configuration web application bundler
-
video.js
Video.js - open source HTML5 & Flash video player
-
front-end-interview-handbook
🕸 No-bullshit answers to the famous h5bp "Front-end Job Interview Questions"
11. Front End Interview Handbook
-
SheetJS js-xlsx
:green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit
Project mention: How can I map data from an excel sheet through react? | reddit.com/r/reactjs | 2021-02-19React is a library that only cares about rendering JavaScript data on the DOM and related stuff. If you need to read an Excel file and transform it into a JavaScript object, you need to use the html file picker and, once you load the blob, a library to parse this blob. Last time I used https://github.com/SheetJS/sheetjs
-
cheerio
Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
I have some previous experience with web scraping - I used tools like axios and cheerio before. Axios downloads the entire HTML page for you to manipulate, and cheerio is like jQuery for the backend - it allows you to manipulate and get elements with CSS selectors like .class and #id.
-
Pure
A set of small, responsive CSS modules that you can use in every web project. (by yahoo)
-
jsdom
A JavaScript implementation of various web standards, for use with Node.js
That's what jsdom is for.
-
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: GPS data of all of my bike tours visualized (05-2020 - today) | reddit.com/r/bicycling | 2021-02-24Tools: Python, p5.js
-
TOAST UI Editor
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
-
A-Frame
:a: web framework for building virtual reality experiences.
Github | Website.
-
Aurelia 1
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. (by aurelia)
-
showdown
A bidirectional Markdown to HTML to Markdown converter written in Javascript
or are you asking general technical question about markdown handling? there are existing solution which already do two-way convertion, including showdown and reddit comment box, the secret to make them "live" is to update both fields on key-down even
-
stylelint
Project mention: Desktop developer new to web development, are there any tools (like sass) that I should know about? | reddit.com/r/webdev | 2021-02-11For making your DX better, use a linter! Check out eslint and stylelint. And stop bike shedding about code formatting, get Prettier into your projects.
-
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.
-
Habitica
A habit tracker app which treats your goals like a Role Playing Game.
I have used Loop Habit Tracker in the past - it's free and gets the job done. Main con (which is common to all free habit tracking apps I've checked) is that you can't automatically sync to the cloud. I played a bit around with different apps and saw there is wide choice (and very interesting designs/approaches like Habitica, which probably isn't for me) but couldn't settle on one. So before going back to Loop I'd like to hear what others use.
-
JS-Beautifier
Beautifier for javascript
-
dom-to-image
Generates an image from a DOM node using HTML5 canvas
Something I thought would be pretty cool is the ability to generate (and download) an image of one's progress. I've dabbled a bit with generating images with Java on the server side, but never in a client-side app. My searching led me to find dom-to-image, which has options for exporting to a JPEG, a PNG, or even a blob (not the killer kind; a "blob" is raw file data, which can be read or processed as you wish). Combined with another library to make saving files easier, exporting the image is done easily:
-
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:
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.
-
TiddlyWiki
A self-contained JavaScript wiki for the browser, Node.js, AWS Lambda etc.
Transclusions are great indeed! With proper filer mechanisms it's amazing what you can do. Have a look a TiddlyWiki (https://tiddlywiki.com/), which is open source and essentially built on transclusions. It's a bit hard to explain, but when one gets one's head around the concept, it's extremely powerful and flexible!
-
GoJS, a JavaScript Library for HTML Diagrams
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Index
What are some of the best open-source HTML projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Bootstrap | 148,506 |
2 | html5-boilerplate | 49,120 |
3 | prettier | 39,032 |
4 | parcel | 37,696 |
5 | video.js | 30,774 |
6 | front-end-interview-handbook | 27,561 |
7 | SheetJS js-xlsx | 24,652 |
8 | cheerio | 23,381 |
9 | Pure | 21,532 |
10 | jsdom | 15,408 |
11 | p5.js | 14,977 |
12 | TOAST UI Editor | 12,505 |
13 | A-Frame | 12,440 |
14 | Aurelia 1 | 11,553 |
15 | showdown | 11,502 |
16 | stylelint | 8,523 |
17 | onsenui | 8,251 |
18 | Habitica | 8,167 |
19 | JS-Beautifier | 7,163 |
20 | dom-to-image | 7,045 |
21 | DOMPurify | 6,672 |
22 | TiddlyWiki | 5,669 |
23 | GoJS, a JavaScript Library for HTML Diagrams | 5,063 |