TypeScript Dom

Open-source TypeScript projects categorized as Dom

Top 23 TypeScript Dom Projects

  • html2canvas

    Screenshots with JavaScript

    Project mention: Convert entire div data into image and save it into directory using JavaScript ft html2canvas.js | dev.to | 2024-02-04

    GItHub :- https://github.com/niklasvh/html2canvas

  • cheerio

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

    Project mention: Web Scraping in Python – The Complete Guide | news.ycombinator.com | 2024-02-20

    > I'm not sure why Python web scraping is so popular compared to Node.js web scraping

    Take this with a grain of salt, since I am fully cognizant that I'm the outlier in most of these conversations, but Scrapy is A++ the no-kidding best framework for this activity that has been created thus far. So, if there was scrapyjs maybe I'd look into it, but there's not (that I'm aware of) so here we are. This conversation often comes up in any such "well, I just use requests & ..." conversation and if one is happy with main.py and a bunch of requests invocations, I'm glad for you, but I don't want to try and cobble together all the side-band stuff that Scrapy and its ecosystem provide for me in a reusable and predictable way

    Also, often those conversations conflate the server side language with the "scrape using headed browser" language which happens to be the same one. So, if one is using cheerio <https://github.com/cheeriojs/cheerio> then sure node can be a fine thing - if the blog post is all "fire up puppeteer, what can go wrong?!" then there is the road to ruin of doing battle with all kinds of detection problems since it's kind of a browser but kind of not

    I, under no circumstances, want the target site running their JS during my crawl runs. I fully accept responsibility for reproducing any XHR or auth or whatever to find the 3 URLs that I care about, without downloading every thumbnail and marketing JS and beacon and and and. I'm also cognizant that my traffic will thus stand out since it uniquely does not make the beacon and marketing calls, but my experience has been that I get the ban hammer less often with my target fetches than trying to pretend to be a browser with a human on the keyboard/mouse but is not

  • WorkOS

    The modern API for authentication & user identity. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • partytown

    Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉

    Project mention: Frontend development roadmap | /r/learnprogramming | 2023-10-02

    Research Frameworks and Tools - Make sure to do your research on your current javascript framework and find out if it has a superset (eg React ->Nextjs, Svelte -> Sveltekit, Vue->Nuxtjs). They often come with many improvments and optimizations out of the box. There are also tools like Partytown which can vastly improve performance in some specific cases

  • html-to-image

    ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.

  • htmlparser2

    The fast & forgiving HTML and XML parser

    Project mention: Nue: A React/Vue/Vite/Astro Alternative | news.ycombinator.com | 2023-09-14

    I hear you! I went all-in to jQuery- scene. Even wrote a semi-famous library called "jQuery Tools" (oldies know). Then came React and I wrote Riot to simplify the syntax. Then I sidetracked to a startup world for (too) many years and watched aside how the frontend ecosystem grew to it's current dimensions.

    Node uses a single dependency, htmlparser2 [1], in the package.json [2]. The HTML parser is used to traverse the HTML that is written on the Nue files. I quickly _thought_ of writing my own parser, but right now I'm having my eyes staring at Bun's native HTML parsing capabilities. Instead of Node, I'm using Bun to develop everything. I need less dependencies with it, because things like JS minification or .env file parsing are biult in.

    [1]: https://github.com/fb55/htmlparser2

  • scrollMonitor

    A simple and fast API to monitor elements as you scroll

  • happy-dom

    Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.

    Project mention: Migrating from Jest to Vitest for your React Application | dev.to | 2023-12-14

    JSDOM and happy-dom for DOM and browser API mocking

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

  • user-event

    🐕 Simulate user events

  • html-react-parser

    📝 HTML to React parser.

    Project mention: how to inject custom js/css/html code that is fetched from an API into nextjs app? | /r/nextjs | 2023-12-09

    using libraries like html-react-parser but it did not work see: https://github.com/remarkablemark/html-react-parser/discussions/1015

  • watching-you

    watching-you is a javascript library for building animations that watch anything on DOM 👀.

  • react-archer

    🏹 Draw arrows between React elements 🖋

  • eslint-plugin-testing-library

    ESLint plugin to follow best practices and anticipate common mistakes when writing tests with Testing Library

  • TypeScript-DOM-lib-generator

    Tool for generating dom related TypeScript and JavaScript library files

    Project mention: FileSystemDirectoryHandle is not an async iterable | /r/typescript | 2023-09-26

    I found a post about it but it's not clear if it's solved.

  • react-tilt

    Parallax tilt hover effect for React JS 🪄

  • modern-screenshot

    📸 Quickly generate image from DOM node using HTML5 canvas and SVG

  • jsx-dom

    Use JSX to create DOM elements.

    Project mention: jQuery v4.0.0 Beta | news.ycombinator.com | 2024-02-06

    Fully agreed. I built a mostly vanilla JS app using a bare bones JSX lib[1] a few months ago and was surprised at how little I missed the rest of React.

    [1] https://github.com/alex-kinokon/jsx-dom

  • littlefoot

    Footnotes without the footprint.

  • recks

    🐶 React-like RxJS-based framework

  • dna-engine

    🧬 An uncomplicated user interface library for cloning semantic templates (with TypeScript declarations)

  • asdom

    Use DOM APIs in AssemblyScript

  • callbag-jsx

    callbags + JSX: fast and tiny interactive web apps

  • hacky

    ⚙️ Crank.js with tagged templates

  • necktie

    Necktie – a simple DOM binding tool

  • Onboard AI

    ChatGPT with full context of any GitHub repo. 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 app.getonboardai.com.

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 2024-02-20.

TypeScript Dom related posts


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

Project Stars
1 html2canvas 29,488
2 cheerio 27,471
3 partytown 12,426
4 html-to-image 4,945
5 htmlparser2 4,211
6 scrollMonitor 3,308
7 happy-dom 2,669
8 user-event 2,092
9 html-react-parser 1,922
10 watching-you 1,561
11 react-archer 1,039
12 eslint-plugin-testing-library 943
13 TypeScript-DOM-lib-generator 572
14 react-tilt 422
15 modern-screenshot 311
16 jsx-dom 266
17 littlefoot 214
18 recks 138
19 dna-engine 123
20 asdom 76
21 callbag-jsx 75
22 hacky 44
23 necktie 42
ChatGPT with full context of any GitHub repo.
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 app.getonboardai.com.