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

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

    Relocate resource intensive third-party scripts off of the main thread and into a web worker. πŸŽ‰

  • Project mention: Partytown: Run Third-Party Scripts from a Web Worker | news.ycombinator.com | 2024-04-22
  • 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

    A JavaScript implementation of a web browser without its graphical user interface

  • Project mention: Vitest In-Source Testing for SFC in Vue? | dev.to | 2024-04-16

    Next we’ll install Vitest and happy-dom to the project by running:

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

  • Project mention: Littlefoot – a jQuery-free fork of Bigfoot.js popup footnotes JavaScript library | news.ycombinator.com | 2024-03-24
  • recks

    🐢 React-like RxJS-based framework

  • dna-engine

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

  • diff-dom-streaming

    HTML Streaming Over the Wire! πŸ₯³ Diff DOM algorithm with streaming to make only the necessary modifications, insertions and deletions between a DOM node and an HTML stream reader.

  • Project mention: SPA-Like Navigation Preserving Web Component State | dev.to | 2024-04-25

    The View Transitions API provides a mechanism for easily creating animated transitions between different DOM states while also updating the DOM contents in a single step, and yes, they can be used during streaming, and divide it into different steps. To activate it, it is only necessary to pass the transition: true setting to Diff DOM Streaming library:

  • asdom

    Use DOM APIs in AssemblyScript

  • callbag-jsx

    callbags + JSX: fast and tiny interactive web apps

  • hacky

    βš™οΈ Crank.js with tagged templates

  • WorkOS

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

    WorkOS 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).

TypeScript Dom related posts

Index

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

Project Stars
1 html2canvas 29,789
2 cheerio 27,780
3 partytown 12,658
4 html-to-image 5,171
5 htmlparser2 4,281
6 scrollMonitor 3,305
7 happy-dom 2,911
8 user-event 2,118
9 html-react-parser 1,971
10 watching-you 1,569
11 react-archer 1,065
12 eslint-plugin-testing-library 956
13 TypeScript-DOM-lib-generator 592
14 react-tilt 423
15 modern-screenshot 384
16 jsx-dom 270
17 littlefoot 218
18 recks 138
19 dna-engine 124
20 diff-dom-streaming 84
21 asdom 79
22 callbag-jsx 75
23 hacky 44

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com