Top 23 HTML Open-Source Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Since the project uses Bootstrap, I could refer to their documentation to create a card component and customize it to match the example as closely as I can.
-
-
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.
-
Have you ever asked yourself what you need to have or test in your web application before launching it? The Front-End Checklist repository has you covered. The Front-End Checklist is an exhaustive list of all elements you need to have/to test before launching your website/HTML page to production. The table of contents includes:
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
Project mention: (rant) Is there ANY framework or toolkit that isnt outrageously difficult to configure before you even write a single line of code? | reddit.com/r/webdev | 2021-11-26I find angular cli pretty straight forward, for smaller projects I like html5 boilerplate
-
Surely it should be possible to write a custom session store for this.. See the cookie store driver for example.
-
Bulma
-
Project mention: I know that many of you might disagree, but this is the way | reddit.com/r/ProgrammerHumor | 2021-11-30
A linter is a tool that analyzes your code for how it is styled (where do curly braces go etc) but can also do things like checking if variables are correctly named or not mutated. In the webdev world 2 popular linting tools are https://prettier.io and https://eslint.org :)
-
-
Our Clubhouse clone will be built with Parcel, 100ms JavaScript SDK, Tailwind CSS.
-
Project mention: Can someone please explain what a bash and shell are? | reddit.com/r/learnprogramming | 2021-11-29
Zsh is actually the default shell in MacOS now, for what its worth. Iterm2 has features regarding session management via profiles, tabs for multiple sessions, etc. The default terminal in MacOS is just fine, but if you find yourself using the terminal every day, iTerm2 is definitely a step up. There are other Terminals though such as Hyper: https://hyper.is/ which has the hilarious and amazing HyperPower plugin: https://hyper.is/store/hyperpower.
-
You can play video and audio in browser using HTML5 and JS. The VideoJS library can be helpful.
-
You can search for “front end engineer/developer” under interview > job titles. If you still can’t find them, virtually all you need is here - https://frontendinterviewhandbook.com. Sorry I can’t go into the details, but the above should be more than enough
-
HTML5 head elements is where you can find all the attributes used in the head tag such as meta, icons, social tags... HTML5 head elements
-
Project mention: Tips for Making a Popular Open-Source Project in 2021 [Ultimate Guide] | news.ycombinator.com | 2021-11-12
Maybe a story from a maintainer would help. To contextualize, the main SheetJS open source project https://github.com/SheetJS/sheetjs has over 28K stars.
tl;dr: the project involves "crowdsourced research" which benefits from popularity.
The main social goal with the project is data preservation and integrity. Large-scale economic and political decisions are made from data and analyses in spreadsheets. For example, last year in the UK, COVID cases were underreported thanks to Excel minutiae https://www.bbc.com/news/technology-54423988
Due to various corporate stratagems, the older data representations were intentionally obfuscated. To support Excel, many developers poked around at Excel files and guessed at the structures.
In this environment, the biggest challenge is finding worksheets with random corner cases. These types of files are not easy to create and fuzzing has limited effectiveness. This is where open source and popularity come into play. The open source and JS nature of the project helps reduce testing friction (https://oss.sheetjs.com/ runs in the web browser, no need to install anything) and encourage bug reports with test cases.
There will always be "entitled users" and "low quality bug reports" but that comes with the territory. There are also meaningful issues and code contributions. Efforts at trying to prevent the low quality contributions also discourage higher quality contributions.
-
cheerio
Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
Project mention: Automating email verification for online accounts using JavaScript | dev.to | 2021-11-29cheerio to parse the HTML structure of an incoming email and filter out the link we need to click to verify our email address by an attribute (in this case the text Content of the link but it could be any html attribute)
-
Tabler (https://github.com/tabler/tabler) seems to have gone Semantic. Do you guys any goods alternatives for this otherwise amazing FE library?
-
Project mention: Just wondering...anyone else here use HTML, CSS, and Vanilla JS exclusively? | reddit.com/r/webdev | 2021-11-12
I use https://purecss.io/ all the time
-
It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here
-
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
-
tools
The Rome Toolchain. A linter, compiler, bundler, and more for JavaScript, TypeScript, HTML, Markdown, and CSS.
Project mention: [AskJS] Why there is so much hatred toward using Javascript on the Backend for C#/Java and others tech stack programmer ? Is it performance alone ? Do you consider yourself a full stack senior JS dev ? | reddit.com/r/javascript | 2021-11-14Again, if js is so fast, why rome (https://rome.tools/) is being rewritten to rust?
-
jsdom, full-featured, but slow, the default option in jest
-
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 —
p5.js is a JavaScript graphics and animation library developed specifically for artists and designers - and generally people who have not been exposed to programming before. It's based on the Processing software project, and brings the Processing concept to web browsers, making it easy to share your "sketches", which is the p5.js name for programs.
-
twbs/ratchet - Build mobile apps with simple HTML, CSS, and JavaScript components.
-
Project mention: My pain building a WYSIWYG editor with contenteditable | reddit.com/r/webdev | 2021-09-17
HTML related posts
- Forgotten program: Note taking or writing app where you can deep dive into words like a wiki, each one opening further and further to the right...
- Facebook Frontend Internship
- Programadores de r/mexico, ¿cuál es su opinión sobre los bootcamps?
- Aging is such a burden to me
- Anyone want to start the Odin Project with me?
- Self Learning to be a full stack developer
- Architecture help
Index
What are some of the best open-source HTML projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Bootstrap | 154,118 |
| 2 | Electron | 99,044 |
| 3 | Front-End-Checklist | 57,117 |
| 4 | html5-boilerplate | 51,943 |
| 5 | Ruby on Rails | 49,471 |
| 6 | Bulma | 44,680 |
| 7 | prettier | 41,257 |
| 8 | parcel | 39,517 |
| 9 | hyperterm | 37,327 |
| 10 | video.js | 32,382 |
| 11 | front-end-interview-handbook | 32,145 |
| 12 | HEAD | 28,869 |
| 13 | SheetJS js-xlsx | 28,267 |
| 14 | cheerio | 24,534 |
| 15 | tabler | 24,478 |
| 16 | Pure | 22,048 |
| 17 | mdb-ui-kit | 21,771 |
| 18 | intro.js | 20,786 |
| 19 | tools | 16,732 |
| 20 | jsdom | 16,624 |
| 21 | p5.js | 16,429 |
| 22 | ratchet | 14,476 |
| 23 | TOAST UI Editor | 13,894 |
Are you hiring? Post a new remote job listing for free.
