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

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

TypeScript Dom related posts

  • Creating and deploying web scraper using Apify

    1 project | dev.to | 27 Mar 2024
  • Littlefoot – a jQuery-free fork of Bigfoot.js popup footnotes JavaScript library

    1 project | news.ycombinator.com | 24 Mar 2024
  • Htmlq: Like Jq, but for HTML

    2 projects | news.ycombinator.com | 19 Mar 2024
  • Ask HN: Which full stack framework (NextJS, Remix, SvelteKit) would you use?

    2 projects | news.ycombinator.com | 13 Feb 2024
  • Convert entire div data into image and save it into directory using JavaScript ft html2canvas.js

    1 project | dev.to | 4 Feb 2024
  • Mastering Jest Configuration for React TypeScript Projects with Vite: A Step-by-Step Guide

    2 projects | dev.to | 15 Dec 2023
  • Fusor vs React

    1 project | dev.to | 15 Dec 2023
  • A note from our sponsor - SurveyJS
    surveyjs.io | 15 May 2024
    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. Learn more β†’

Index

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

Project Stars
1 html2canvas 29,867
2 cheerio 27,826
3 partytown 12,712
4 html-to-image 5,247
5 htmlparser2 4,292
6 scrollMonitor 3,303
7 happy-dom 2,958
8 user-event 2,126
9 html-react-parser 1,984
10 watching-you 1,574
11 react-archer 1,089
12 eslint-plugin-testing-library 959
13 TypeScript-DOM-lib-generator 599
14 react-tilt 426
15 modern-screenshot 397
16 jsx-dom 270
17 littlefoot 218
18 recks 138
19 dna-engine 125
20 diff-dom-streaming 100
21 asdom 79
22 callbag-jsx 75
23 hacky 44

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com