JavaScript Dom

Open-source JavaScript projects categorized as Dom | Edit details
Related topics: #JavaScript #HTML #React #CSS #UI

Top 23 JavaScript Dom Projects

  • GitHub repo Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: Why you have to use className in React, but not in Preact? | dev.to | 2022-01-13

    You see, there is a JS framework, called Preact. It's an alternative to React with the same API. And there is a very interesting statement on its official page.

  • GitHub repo marko

    A declarative, HTML-based language that makes building web apps fun

    Project mention: HTML Is/as a Programming Language | news.ycombinator.com | 2022-01-14
  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo DOMPurify

    DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:

    Project mention: How to allow custom entered HTML in item description, but make sure no JS gets entered? | reddit.com/r/webdev | 2022-01-02

    You can use an input sanitizer. I'd use something like DOMPurify if you don't want to write the sanitizer yourself. But yeah you should not allow or remove a certain tags like script and img.

  • GitHub repo dom-to-image

    Generates an image from a DOM node using HTML5 canvas

    Project mention: I created a chrome extension which allows you to see real-time stock data, directly on Twitter, by hovering over stock cashtags | reddit.com/r/SideProject | 2021-12-26

    Hey! The library used to convert the HTML to an image is https://github.com/tsayen/dom-to-image

  • GitHub repo Choo

    :steam_locomotive::train: - sturdy 4kb frontend framework

    Project mention: I noticed Choo hasn't had a commit for over a year. The other projects are being worked on by Choojs. Was it that they were happy with the state of Choo? | reddit.com/r/webdev | 2021-08-20
  • GitHub repo cash

    An absurdly small jQuery alternative for modern browsers. (by fabiospampinato)

    Project mention: Replacing jQuery (110kb) With UmbrellaJS (8kb) | news.ycombinator.com | 2022-01-18

    Cash's maintainer here. I don't think this is true actually.

    Zepto supports some methods that Cash doesn't, but you probably shouldn't use them to begin with, like $.ajax, $.isArray, $.fn.animate etc. In 2022 either better built-in solutions exist or better specialized tiny libraries exist.

    Everything that is supported by both Zepto and Cash should either work identically or Cash's implementation should be closer to jQuery's. Just to mention one thing in this regard you can run jQuery's test suite with Cash, and Cash's test suite with jQuery, easily [0]. I've done so and looked at every single failed test manually a few times, I doubt nearly the same level of attention went into Zepto. Just to mention one difference: Cash supports jQuery-style event namespacing, Zepto just doesn't support this.

    [0]: https://github.com/fabiospampinato/cash/blob/272132a6dc1d885...

  • GitHub repo imba

    🐤 The friendly full-stack language

    Project mention: Besides React, what other frontend libraries have you guys tried that you liked? | reddit.com/r/reactjs | 2021-12-22

    Imba. Incredibly powerful and enjoyable to use. Great styling system built in. https://imba.io

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo jest-dom

    :owl: Custom jest matchers to test the state of the DOM

    Project mention: Build your own component library with Svelte | dev.to | 2021-11-09

    We will also use an additional plugin with Testing Library called user-event, which allows us to mimic user events, like typing inside an input or clicking on a button. We will also use a plugin called jest-dom, which extends the DOM-related matching capabilities of Jest, which we require because we are dealing with web components.

  • GitHub repo goober

    🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

    Project mention: Zero runtime CSS-in-JS : Is this where great DX meets top-notch Web Performance? (sharing our experience) | reddit.com/r/reactjs | 2021-11-19

    Consider adding Goober too to the mix.

  • GitHub repo canjs

    Build CRUD apps in fewer lines of code.

  • GitHub repo holmes

    Fast and easy searching inside a page (by Haroenv)

    Project mention: Accepting your CSS/JS library in my project | dev.to | 2021-07-02

    holmes: Fast and easy searching inside a page repo It uses microlight also.

  • GitHub repo curtainsjs

    curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

    Project mention: Web Effect | dev.to | 2021-03-01

    Curtainsjs - Lightweight vanilla WebGL JavaScript library that turns HTML DOM elements into interactive textured planes.

  • GitHub repo element-resize-detector

    Optimized cross-browser resize listener for elements.

    Project mention: Wnr/element-resize-detector: Optimized cross-browser resize listener | news.ycombinator.com | 2021-03-04
  • GitHub repo html-react-parser

    :memo: HTML to React parser.

    Project mention: How to Render HTML string in a React component ? | dev.to | 2021-08-03

    by using dangerouslySetInnerHTML, entire html in the string is preserved. Other alternative would be to use a html-react-parser library.

  • GitHub repo replace-jquery

    Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.

    Project mention: jQuery to VanillaJs | reddit.com/r/learnjavascript | 2021-11-18

    This might be worth checking out: https://github.com/sachinchoolur/replace-jquery

  • GitHub repo hyperx

    🏷 - tagged template string virtual dom builder

  • GitHub repo arrive

    Watch for DOM elements creation and removal

    Project mention: Request: PLEASE assume users wish to click the “restore” button as many dozen times as needed to see the most available information, but are physically unable to do so. | reddit.com/r/reveddit | 2021-06-14

    arrive.js is handy for waiting for elements to arrive. I think you would just need to include both jQuery and the main arrive.js script in a Tampermonkey script to get it to work.

  • GitHub repo testing-playground

    Simple and complete DOM testing playground that encourage good testing practices.

    Project mention: It's time to port your extension to Firefox | reddit.com/r/firefox | 2021-02-13

    That's actually strange to read because right now I'm following a github issue which seems to imply the opposite :/ https://github.com/testing-library/testing-playground/pull/327#issuecomment-778046309

  • GitHub repo motus

    Animation library that mimics CSS keyframes when scrolling.

    Project mention: Web Effect | dev.to | 2021-03-01

    Motus - Animation library that mimics CSS keyframes when scrolling.

  • GitHub repo snuggsi

    snuggsi ツ - Easy Custom Elements in ~1kB

    Project mention: Snuggsi — Easy Custom Elements in ~1kiloByte | reddit.com/r/webdev | 2021-04-30
  • GitHub repo react-tilt

    👓 Parallax tilt hover effect for React JS - tilt.js

    Project mention: Web Effect | dev.to | 2021-03-01

    react-tilt - Parallax tilt hover effect for React JS - tilt.js

  • GitHub repo long-press-event

    Adds `long-press` event to the DOM in 1k of pure JavaScript

    Project mention: using an event name whose name has dash | reddit.com/r/sveltejs | 2021-11-09
  • GitHub repo svgdom

    Straightforward DOM implementation to make SVG.js run headless on Node.js

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 2022-01-18.

JavaScript Dom related posts

Index

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

Project Stars
1 Preact 30,689
2 marko 10,848
3 DOMPurify 8,273
4 dom-to-image 8,105
5 Choo 6,647
6 cash 5,731
7 imba 5,464
8 jest-dom 2,970
9 goober 2,362
10 canjs 1,881
11 holmes 1,683
12 curtainsjs 1,250
13 element-resize-detector 1,149
14 html-react-parser 1,144
15 replace-jquery 1,088
16 hyperx 998
17 arrive 773
18 testing-playground 608
19 motus 537
20 snuggsi 334
21 react-tilt 302
22 long-press-event 221
23 svgdom 182
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com