HTML

Open-source projects categorized as HTML

Top 23 HTML Open-Source Projects

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  • Project mention: Integrate Bootstrap with React | dev.to | 2024-04-19

    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.

  • 30-seconds-of-code

    Short code snippets for all your development needs

  • 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.

    SurveyJS logo
  • Electron

    :electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

  • Project mention: Release Radar β€’ February 2024 Edition | dev.to | 2024-02-29

    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.

  • Project mention: Modern React testing, part 5: Playwright | dev.to | 2024-05-06

    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.

  • Web-Dev-For-Beginners

    24 Lessons, 12 Weeks, Get Started as a Web Developer

  • app-ideas

    A Collection of application ideas which can be used to improve your coding skills.

  • Project mention: 18 Must-Bookmark GitHub Repositories Every Developer Should Know | dev.to | 2024-02-12
  • Front-End-Checklist

    πŸ—‚ The perfect Front-End Checklist for modern websites and meticulous developers

  • Project mention: Is there some form of checklist when creating an optimal website? | /r/webdev | 2023-06-28

    Checklist

  • 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.

    InfluxDB logo
  • html5-boilerplate

    A professional front-end template for building fast, robust, and adaptable web apps or sites.

  • Ruby on Rails

    Ruby on Rails

  • Project mention: On the road to ramen profitability 🍜 πŸ’Έ | dev.to | 2024-05-08

    A 7.1 Ruby on Rails application hosted on a Hetzner VPS and deployed via Kamal.

  • Bulma

    Modern CSS framework based on Flexbox

  • Project mention: How to use Tailwind with any CSS framework | dev.to | 2024-04-17

    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.

  • prettier

    Prettier is an opinionated code formatter.

  • Project mention: Mastering Code Quality: Setting Up ESLint with Standard JS in TypeScript Projects | dev.to | 2024-05-05

    In 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.

  • parcel

    The zero configuration build tool for the web. πŸ“¦πŸš€

  • Project mention: How and why do we bundle zx? | dev.to | 2024-05-06

    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.

  • hyperterm

    A terminal built on web technologies

  • Project mention: Terminal commands I use as a frontend developer | dev.to | 2024-03-09

    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-04

    30 Days of JS

  • front-end-interview-handbook

    ⚑️ Front End interview preparation materials for busy engineers

  • Project mention: Front End Interview Handbook | news.ycombinator.com | 2024-04-16
  • video.js

    Video.js - open source HTML5 video player

  • 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

  • tabler

    Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

  • Project mention: Sqlx: I'm sorry I forked you | news.ycombinator.com | 2023-08-13

    This is a bug, PR welcome !

    https://github.com/tabler/tabler/issues/1648

  • SheetJS js-xlsx

    πŸ“— SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs

  • Project mention: how to work with .xlsx files? | /r/node | 2023-06-28

    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.

  • htmx

    </> htmx - high power tools for HTML

  • Project mention: Hanami and HTMX - progress bar | dev.to | 2024-05-07

    Hi there! I want to show off a little feature I made using hanami, htmx and a little bit of redis + sidekiq.

  • novu

    GitOps based Notification Infrastructure as Code. Embeddable Notification Center, E-mail, Push and Slack Integrations.

  • 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

    The fast, flexible, and elegant library for parsing and manipulating HTML and XML.

  • Project mention: 8 NPM Packages for JavaScript Beginners [2024][+tutorials] | dev.to | 2024-04-02

    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.

  • 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-14

    Challenge yourself with the 30 Days of React series, perfect for honing your skills day by day.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

HTML related posts

  • Blank HTML page and HTML redirect based on time

    3 projects | news.ycombinator.com | 8 May 2024
  • Your 14-Day Free Trial Ain't Gonna Cut It

    3 projects | news.ycombinator.com | 6 May 2024
  • Hanami and HTMX - progress bar

    5 projects | dev.to | 7 May 2024
  • Caniemail.com (like caniuse but for email content)

    3 projects | news.ycombinator.com | 6 May 2024
  • Starting a Side Hustle/Side Project in 2024.

    1 project | dev.to | 6 May 2024
  • Main layouts - Beer CSS Tips #4

    1 project | dev.to | 6 May 2024
  • Migrating Next.js App to GO + Templ & HTMX

    5 projects | dev.to | 5 May 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 8 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more β†’

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
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com