SaaSHub helps you find the best software and product alternatives 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.
-
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.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
Front-End-Checklist
π The perfect Front-End Checklist for modern websites and meticulous developers
-
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.
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
-
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
-
SheetJS js-xlsx
π SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
-
novu
GitOps based Notification Infrastructure as Code. Embeddable Notification Center, E-mail, Push and Slack Integrations.
-
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
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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.
Project mention: 30-seconds-of-code: Short code snippets for all your development needs | news.ycombinator.com | 2023-12-25
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.
As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.
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-28Checklist
A 7.1 Ruby on Rails application hosted on a Hetzner VPS and deployed via Kamal.
Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.
Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05In this post, I also use ESLint + Standard JS as my code formatting tools. Formatting JS/TS code by using ESLint is also subjective and opinionated, arguably most people would rather use Prettier instead, which provides more configurable options.
At first we wanted to just get rid of all the helper utilities. Keep only the kernel, but this would mean a loss of backward compatibility. We needed some efficient code processing instead with recomposition and tree-shaking. We needed a bundler. But which one? Our testing approach relies on targets, not sources. We rebuilt the project frequently, speed was critical requirement. In essence, we chose a solution from a couple of among all available alternatives: esbuild and parcel. Esbuild won. Specifically in our case, it proved to be more productive and customizable.
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.
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-07For 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 !
https://github.com/tabler/tabler/issues/1648
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.
Hi there! I want to show off a little feature I made using hanami, htmx and a little bit of redis + sidekiq.
Project mention: Open-source notification infrastructure for developers | news.ycombinator.com | 2024-05-06
Project mention: Head β A simple guide to HTML <head> elements | news.ycombinator.com | 2023-09-04
Cheerio is your ticket to the world of server-side magic, allowing you to manipulate HTML and XML documents with jQuery-like syntax. Itβs perfect for web scraping, data extraction, or just making sense of the mess that is web content. With Cheerio, you get to play around with the DOM, use CSS selectors, and basically do all the cool things you'd do in the browser, but server-side.
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.
HTML related posts
-
Blank HTML page and HTML redirect based on time
-
Your 14-Day Free Trial Ain't Gonna Cut It
-
Hanami and HTMX - progress bar
-
Caniemail.com (like caniuse but for email content)
-
Starting a Side Hustle/Side Project in 2024.
-
Main layouts - Beer CSS Tips #4
-
Migrating Next.js App to GO + Templ & HTMX
-
A note from our sponsor - SaaSHub
www.saashub.com | 8 May 2024
Index
What are some of the best open-source HTML projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Bootstrap | 167,548 |
2 | 30-seconds-of-code | 119,340 |
3 | Electron | 112,040 |
4 | storybook | 82,881 |
5 | Web-Dev-For-Beginners | 81,515 |
6 | app-ideas | 75,146 |
7 | Front-End-Checklist | 67,485 |
8 | html5-boilerplate | 55,998 |
9 | Ruby on Rails | 54,936 |
10 | Bulma | 48,625 |
11 | prettier | 48,347 |
12 | parcel | 43,122 |
13 | hyperterm | 42,688 |
14 | 30-Days-Of-JavaScript | 40,971 |
15 | front-end-interview-handbook | 40,341 |
16 | video.js | 37,202 |
17 | tabler | 36,975 |
18 | SheetJS js-xlsx | 34,507 |
19 | htmx | 32,837 |
20 | novu | 32,993 |
21 | HEAD | 29,914 |
22 | cheerio | 27,801 |
23 | 30-Days-Of-React | 24,318 |
Sponsored