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. Learn more →
Top 23 HTML Open-Source Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
For CSS, Bootstrap is the go-to framework for many developers. But there are other popular ones too, like Angular, React, and Vue. You don't have to learn every single framework out there—just pick the ones that are most relevant to your projects and match current industry trends and your learning preferences.
-
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.
-
The team at Electron have been faithfully shipping new releases almost every single month. I think they had Christmas off 🤔. This popular framework has developers writing cross-platform desktop applications using JavaScript, HTML and CSS. The latest update depreciates some process events, and added new modules, APIs, methods, and more. Read into all the changes in the Electron release notes. This month, Electron also introduced a new formal RFC process.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with Astro, Nx, [Vitest]https://analogjs.org/docs/features/testing/vitest, Storybook, and more.
-
-
Project mention: 18 Must-Bookmark GitHub Repositories Every Developer Should Know | dev.to | 2024-02-12
-
Project mention: Is there some form of checklist when creating an optimal website? | /r/webdev | 2023-06-28
Checklist
-
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.
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
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.
-
Ruby on Rails is regarded as one of the best ruby frameworks. It was the primary language in developing big projects such as Twitter and helped the language boost the community. Often referred to as “Rails,” Ruby on Rails is a web development framework with an MVC control structure and currently running its 6.1 version. The 16-year-old language has dramatically influenced the web development structures and managing databases, web pages, and other components on a web application.
-
-
What is Prettier 😎?
-
Parcel 2 emphasizes a zero-configuration approach to bundling web applications. It's a powerful tool that offers a hassle-free developer experience, focusing on simplicity and speed.
-
I am using iTerm2 on my macOS. Other available options are Hyper and VS Code’s inbuilt terminal, which I sometimes use for quick tests. You can open a terminal in VS Code by using the keyboard shortcut CMD + J or CTRL + J on Windows, or View → Terminal.
-
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-0430 Days of JS
-
-
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
-
This is a bug, PR welcome !
-
SheetJS js-xlsx
📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
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.
-
novu
🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀
PR for Reference: https://github.com/novuhq/novu/pull/5187
-
Project mention: Show HN: ZakuChess, an open source web game built with Django, Htmx and Tailwind | news.ycombinator.com | 2024-03-09
Apart from the source code itself, the repo's README also gives a bit more details about the various packages I used.
1. htmx: https://htmx.org/
-
-
Used libraries Axios - it is a promise HTTP clients to make requests to the specified URL. Cheerio- it is a library for parsing and manipulating HTML that is commonly used here for extracting data from downloaded HTML content. Apify SDK- it is for building Apify Actors, that is utilized for initializing actor environments, getting input data, and pushing extracted data to the dataset.
-
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-14Challenge yourself with the 30 Days of React series, perfect for honing your skills day by day.
-
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.
HTML related posts
- Open-source timepicker components for Tailwind CSS
- HTML to PDF renderers: A simple comparison
- Exploring Tailwind Oxide
- Bulma CSS is now 1.0.0
- Soupault: A static website management tool
- The Bulma CSS framework reaches 1.0
- Ludic: New framework for Python with seamless Htmx support
-
A note from our sponsor - SurveyJS
surveyjs.io | 28 Mar 2024
Index
What are some of the best open-source HTML projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Bootstrap | 167,152 |
2 | 30-seconds-of-code | 118,612 |
3 | Electron | 111,526 |
4 | storybook | 82,448 |
5 | Web-Dev-For-Beginners | 81,082 |
6 | app-ideas | 74,419 |
7 | Front-End-Checklist | 67,212 |
8 | html5-boilerplate | 55,891 |
9 | Ruby on Rails | 54,730 |
10 | Bulma | 48,421 |
11 | prettier | 47,979 |
12 | parcel | 43,059 |
13 | hyperterm | 42,499 |
14 | 30-Days-Of-JavaScript | 40,649 |
15 | front-end-interview-handbook | 39,723 |
16 | video.js | 37,032 |
17 | tabler | 36,723 |
18 | SheetJS js-xlsx | 34,370 |
19 | novu | 32,253 |
20 | htmx | 31,400 |
21 | HEAD | 29,851 |
22 | cheerio | 27,609 |
23 | 30-Days-Of-React | 24,182 |