HTML JavaScript

Open-source HTML projects categorized as JavaScript

Top 23 HTML JavaScript Projects

  • You-Dont-Need-JavaScript

    CSS is powerful, you can do a lot of things without JS.

    Project mention: You Don't Need JavaScript | news.ycombinator.com | 2023-12-02
  • ecma262

    Status, process, and documents for ECMA-262

    Project mention: 📦🔓Closures in JavaScript decoded | dev.to | 2023-11-19

    Note that in previous editions, the ECMAScript® Language Specification used the term "lexical environment" before it decided to rename it to "Environment Record" so you might encounter this term in other definitions and tutorials.

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • TW-Elements

    𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎

    Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

    I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

  • js-the-right-way

    An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web

    Project mention: Awesome Github Repos to Master JAVASCRIPT | dev.to | 2023-02-03

    😎 A reference for best JS practices and accepted coding standards. -> js-the-right-way

  • dillinger

    The last Markdown editor, ever.

    Project mention: Building a simple but scalable blog using Astro | /r/astrojs | 2023-11-01

    I have used Markdown before (https://dillinger.io/) so wouldn't have a problem with using it again as long as on page SEO isn't any extra effort. I am not sure how I would use Markdown and then add the content to the blog to be deployed and if that is going to be much harder than a headless CMS, I would go for the headless.

  • to-markdown

    🛏 An HTML to Markdown converter written in JavaScript

    Project mention: I need automatic source URLs when I paste any text onto a card or note, like on OneNote. | /r/ObsidianMD | 2023-04-20

    // Original script // https://gist.github.com/kepano/90c05f162c37cf730abb8ff027987ca3 // Bookmarklet Converter // https://caiorss.github.io/bookmarklet-maker/ // Libraries // https://github.com/mixmark-io/turndown // https://github.com/mozilla/readability javascript: Promise.all([import('https://unpkg.com/[email protected]?module'), import('https://unpkg.com/@tehshrike/[email protected]'), ]).then(async ([{ default: Turndown }, { default: Readability }]) => { /* Optional vault name */ const vault = ""; /* Optional folder name such as "Clippings/" */ const folder = "Clippings/"; /* Optional tags */ const tags = ""; function getSelectionHtml() { var html = ""; if (typeof window.getSelection != "undefined") { var sel = window.getSelection(); if (sel.rangeCount) { var container = document.createElement("div"); for (var i = 0, len = sel.rangeCount; i < len; ++i) { container.appendChild(sel.getRangeAt(i).cloneContents()); } html = container.innerHTML; } } else if (typeof document.selection != "undefined") { if (document.selection.type == "Text") { html = document.selection.createRange().htmlText; } } return html; } const selection = getSelectionHtml(); const { title, byline, content } = new Readability(document.cloneNode(true)).parse(); function getFileName(fileName) { var userAgent = window.navigator.userAgent, platform = window.navigator.platform, windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE']; if (windowsPlatforms.indexOf(platform) !== -1) { fileName = fileName.replace(':', '').replace(/[/\\?%*|"<>]/g, '-'); } else { fileName = fileName.replace(':', '').replace(/\//g, '-').replace(/\\/g, '-'); } return fileName; } const fileName = getFileName(title); if (selection) { var markdownify = selection; } else { var markdownify = content; } if (vault) { var vaultName = '&vault=' + encodeURIComponent(`${vault}`); } else { var vaultName = ''; } const markdownBody = new Turndown({ headingStyle: 'atx', hr: '---', bulletListMarker: '-', codeBlockStyle: 'fenced', emDelimiter: '*', }).turndown(markdownify); var date = new Date(); function convertDate(date) { var yyyy = date.getFullYear().toString(); var mm = (date.getMonth()+1).toString(); var dd = date.getDate().toString(); var mmChars = mm.split(''); var ddChars = dd.split(''); return yyyy + '-' + (mmChars[1]?mm:"0"+mmChars[0]) + '-' + (ddChars[1]?dd:"0"+ddChars[0]); } const today = convertDate(date); // This is the output template // It is similar to an Obsidian core template // except to insert a value we use: ${value} instead of {{value}} const fileContent =`--- type: clipping date_added: ${today} aliases: [] tags: [${tags}] --- author:: ${byline.toString().split('\n')[0].trim()} source:: [${title}](${document.URL}) ${markdownBody} `; // This copies your text to the clipboard navigator.clipboard.writeText(fileContent); // This creates a new document in Obsidian containing your clipping // I commented it out as this isn't what you asked for /* document.location.href = "obsidian://new?" + "file=" + encodeURIComponent(folder + fileName) + "&content=" + encodeURIComponent(fileContent) + vaultName; */ })

  • GoJS, a JavaScript Library for HTML Diagrams

    JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

    Project mention: Burning money on paid ads for a dev tool – what we've learned | news.ycombinator.com | 2023-09-29

    Have spent six figures yearly on ads, mostly for reach for the developer-focused diagram library GoJS (https://gojs.net)

    > Each experiment will need ~$500 and 2 weeks

    I would add a zero if you want serious data. I would also double the timescale. $5,000 over 4 weeks

    I second the uselessness of Google Display, it might look like conversions numbers are good but they are 100% too good to be true. As soon as you look into them you find the sources are things like "ad from HappyFunBabyTime Android app". You have to ruthlessly prune daily for months to get anything real, and even then I'm skeptical of value. For a developer tool with very strict conversion metrics!

    But I disagree on Google Search:

    > Good for conversion, bad for awareness.

    Before we were popular it was excellent for awareness. Post popularity its much more arguable.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

  • proposal-pipeline-operator

    A proposal for adding a useful pipe operator to JavaScript.

    Project mention: Pipeline Operator great again! | dev.to | 2023-09-29

    Current Status: You'd have to check the TC39 proposals repository or the official proposal text for the most recent status. As of my last update, it had not yet reached Stage 4 (final stage) of the TC39 process, which means it wasn't part of the ECMAScript specification yet.

  • clappr

    :clapper: An extensible media player for the web.

    Project mention: NGIX RMTP Server with Fallback Feed | /r/nginx | 2023-01-26
  • staticrypt

    Password protect a static HTML page, decrypted in-browser

    Project mention: Yet another encrypt tool for Hugo | /r/gohugo | 2023-06-27

    I am sure there are other use cases, that why there are some tools used for, such as the https://github.com/robinmoisson/staticrypt, this tool/feature was also requested by users.

  • expressjs.com

  • CryptPad

    Collaborative office suite, end-to-end encrypted and open-source.

    Project mention: Google Docs adds tracking to links in document exports | news.ycombinator.com | 2023-10-05

    Hey, very happy to see you so enthusiastic!

    I'll be sure to transmit your feedback to the CryptPad team.

    I'm not an expert myself so while I might know some stuff, it'd be better to talk to them directly.

    Come say hello on the Matrix #cryptpad-general channel [1], don't hesitate to open issues on the bug tracker, and to browse the CryptPad's website [2].

    [1] https://matrix.to/#/#cryptpad-general:matrix.xwiki.com

    [2] https://cryptpad.org/

  • intercooler-js

    Making AJAX as easy as anchor tags

    Project mention: Rage: Fast web framework compatible with Rails | news.ycombinator.com | 2023-12-04

    I used HTMX since the intercooler days [0] but the stuff you can make is rather limited. Also you still need the JS to deal with a11y things like expanded state (or hyperscript, apparently).

    If you have a lot of components to implement, everything requires thinking.

    I really love it for simple applications though. Resist implementing a complicated menu, live notifications, an editable data-table and such non-web-native things and you can create the fastest CRUD app ever.

    And you will need another client, but that's not really an issue if your view model does not contain non-public data (it shouldn't), as you can convert it to JSON at the same endpoint and call it an API.

    [0]: https://intercoolerjs.org/

  • wpt

    Test suites for Web platform specs — including WHATWG, W3C, and others

    Project mention: We're building a browser when it's supposed to be impossible | news.ycombinator.com | 2023-04-11

    We have our own test suite (orginally derived from the test suite of Meta's Yoga layout library [0]) which consists of text fixtures that are small HTML snippets [1] and a test harness [2] that turns those into runnable tests, utilising headless chrome both to parse the HTML and to generate the assertions based on the layout that Chrome renders (so we are effectively comparing our implementation against Chrome). We currently have 686 generated tests (covering both Flexbox and CSS Grid).

    We would like to utilise the Web Platform Test suite [3], however these are not in a standard format and many of the tests require JavaScript so we are not currently able to do that.

    [0]: https://github.com/facebook/yoga

    [1]: https://github.com/DioxusLabs/taffy/tree/main/test_fixtures

    [2]: https://github.com/DioxusLabs/taffy/tree/main/scripts/gentes...

    [3]: https://github.com/web-platform-tests/wpt/tree/master/css/cs...

  • supercookie

    ⚠️ Browser fingerprinting via favicon!

    Project mention: Supercookie | news.ycombinator.com | 2023-11-01
  • BotBuilder-Samples

    Welcome to the Bot Framework samples repository. Here you will find task-focused samples in C#, JavaScript and TypeScript to help you get started with the Bot Framework SDK!

  • pnotify

    Beautiful JavaScript notifications with Web Notifications support.

  • stisla

    Free Bootstrap Admin Template

    Project mention: Laravel Ecommerce Tutorial: Part 2, Users And Authorization | dev.to | 2023-01-12

    git clone https://github.com/stisla/stisla.git

  • json-viewer

    It is a Chrome extension for printing JSON and JSONP.

    Project mention: Amazing tools that you must use to improve your work flow | dev.to | 2023-10-18

    JSON Viewer (Chrome Extension) Have a pretty visualization of JSON files when they are open in your explorer. github.com/tulios/json-viewer

  • tagify

    🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue

  • klipse

    Klipse is a JavaScript plugin for embedding interactive code snippets in tech blogs.

    Project mention: Adyen Tech Academy: Taking Onboarding and Upskilling to The Next Level | dev.to | 2022-12-23

    There's also a whole bunch of knowledge that exists outside the company, and hearing different ideas always helps us to sharpen our perspectives. To that end, we do our best to invite world-class engineers to give talks at Adyen. Sam Newman (the author of Monoliths to Microservices), Steve Freeman (Growing Object-Oriented Systems Guided by Tests), Yehonathan Sharvit (Data-Oriented Programming), and Gergely Orosz (The Pragmatic Engineer) are a few of the names we had this year. We also have invited academics to talk about their research. Michael Hilton (who spoke about mob programming), Jonathan Bell (flaky tests) and Burcu Kulahcioglu Ozkan (testing distributed systems) are among the speakers.

  • Dopefolio

    Dopefolio 🔥 - Portfolio Template for Developers 🚀

  • modular-admin-html

    ModularAdmin - Free Dashboard Theme Built On Bootstrap 4 | HTML Version

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

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). The latest post mention was on 2023-12-04.

HTML JavaScript related posts

Index

What are some of the best open-source JavaScript projects in HTML? This list will help you:

Project Stars
1 You-Dont-Need-JavaScript 18,662
2 ecma262 14,477
3 TW-Elements 12,269
4 js-the-right-way 8,635
5 dillinger 7,790
6 to-markdown 7,486
7 GoJS, a JavaScript Library for HTML Diagrams 7,217
8 proposal-pipeline-operator 7,184
9 clappr 6,811
10 staticrypt 5,670
11 expressjs.com 5,017
12 CryptPad 4,762
13 intercooler-js 4,696
14 wpt 4,503
15 supercookie 4,312
16 BotBuilder-Samples 4,172
17 pnotify 3,647
18 stisla 3,471
19 json-viewer 3,183
20 tagify 3,136
21 klipse 3,071
22 Dopefolio 3,003
23 modular-admin-html 2,925
Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
www.influxdata.com