TypeScript HTML

Open-source TypeScript projects categorized as HTML

Top 23 TypeScript HTML Projects

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  • Project mention: 10 must known JS/TS open-source packages | dev.to | 2024-06-11

    Storybook Build and test UI components in isolation before pushing them into production Rspack 0.7 Fast Rust-based web bundler.

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

    A terminal built on web technologies

  • Project mention: Leveraging Wasp for full-stack development | dev.to | 2024-06-06

    A modern terminal shell such as zsh, iTerm2 with oh-my-zsh for Mac, or Hyper for Windows

  • novu

    Open-Source Notification Platform. Embeddable Notification Center, E-mail, Push and Slack Integrations.

  • Project mention: How To Build Your Own Newsletter App? Ρ€.2 | dev.to | 2024-05-16

    import { Body, Column, Container, Head, Heading, Hr, Html, Link, Preview, Section, Text, Row, } from "@react-email/components"; import * as React from "react"; const EmailTemplate = () => ( Hello WorldPreview> Hello WorldHeading> Column> Row> Section> Hey Emil,Text> CoolText> Section> Container> You're receiving this email because your subscribed to Newsletter App Text>


    Newsletter Appstrong>, Β©{" "} NovuLink> Text> Section> Body> Html> ); export default EmailTemplate; const main = { backgroundColor: "#f3f3f5", fontFamily: "HelveticaNeue,Helvetica,Arial,sans-serif", }; const headerContent = { padding: "20px 30px 15px" }; const headerContentTitle = { color: "#fff", fontSize: "27px", fontWeight: "bold", lineHeight: "27px", }; const paragraph = { fontSize: "15px", lineHeight: "21px", color: "#3c3f44", }; const divider = { margin: "30px 0", }; const container = { width: "680px", maxWidth: "100%", margin: "0 auto", backgroundColor: "#ffffff", }; const footer = { width: "680px", maxWidth: "100%", margin: "32px auto 0 auto", padding: "0 30px", }; const content = { padding: "30px 30px 40px 30px", }; const header = { borderRadius: "5px 5px 0 0", display: "flex", flexDireciont: "column", backgroundColor: "#2b2d6e", }; const footerDivider = { ...divider, borderColor: "#d6d8db", }; const footerText = { fontSize: "12px", lineHeight: "15px", color: "#9199a1", margin: "0", }; const footerLink = { display: "inline-block", color: "#9199a1", textDecoration: "underline", fontSize: "12px", marginRight: "10px", marginBottom: "0", marginTop: "8px", }; const footerAddress = { margin: "4px 0", fontSize: "12px", lineHeight: "15px", color: "#9199a1", };

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

  • intro.js

    Lightweight, user-friendly onboarding tour library

  • Project mention: Guided Tours Solution for Your Web Application | dev.to | 2024-03-06

    Intro.js like the others offers a rich set of features such as customizable steps and tooltips, keyboard navigation, theming, progress indicators and more. Like others, this library also has extensive documentation. Intro.js has open source licence under AGPL v3 and a commercial licence with different price plans

  • TOAST UI Editor

    πŸžπŸ“ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

  • Project mention: Show HN: Unforget, the note-taking app I always wanted: offline first, encrypted | news.ycombinator.com | 2024-06-11

    What problems did you encounter with something like https://ui.toast.com/tui-editor? Which is much more featureful than simplemde.

  • omi

    Web Components Framework - Webη»„δ»Άζ‘†ζžΆ (by Tencent)

  • Project mention: OMI the surprising Chinese Web Components Framework ✨ | dev.to | 2024-05-01

    Well if you want to check out the project you have here: 🌐 Docs website πŸ“¦ Github repo

  • 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
  • shoelace-css

    A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME πŸ‘‡πŸ‘‡πŸ‘‡

  • Project mention: Htmx and the Rule of Least Power | news.ycombinator.com | 2024-04-12

    HTMX gets all the hype right now, but there are other tools in the same vain, my favorite being Unpoly (https://unpoly.com). Together with Shoelace (https://shoelace.style) you get nice GUIs real fast, without the burden of complicated dependency management and build steps. Also, you don't have to write a lot of JS, just what is needed for small enhancements, as it was meant to be. Some might say the main drawback is the tight coupling to your backend. In my case, this is also the main benefit as it integrates perfectly with the backend framework (Django).

  • Aurelia 1

    The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. (by aurelia)

  • Zettlr

    Your One-Stop Publication Workbench

  • Project mention: Obsidian 1.5 Desktop (Public) | news.ycombinator.com | 2023-12-26
  • tsParticles

    tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

  • Project mention: Pride Month | dev.to | 2024-06-06

    To add the confetti effect I used an open-source library called tsparticles, to see its code you can check here:https://github.com/tsparticles/tsparticles

  • emmet

    The essential toolkit for web-developers

  • Project mention: How to code faster - VS Code edition | dev.to | 2023-11-24

    Emmet is a content/code assist tool to write code faster and more efficiently. It comes standard with VS Code so there is no need for any plugin. The concept is simple: you start typing an Emmet abbreviation, press TAB or 'ENTER', and a full Emmet snippet for that abbreviation will come out.

  • 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

  • preline

    Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

  • Project mention: Preline UI + Gowebly CLI = ❀️ | dev.to | 2024-04-25

    Today, I've released the Gowebly CLI v2.4.0 which includes Preline UI components library support for the frontend.

  • parse5

    HTML parsing/serialization toolset for Node.js. WHATWG HTML Living Standard (aka HTML5)-compliant.

  • FigmaToCode

    Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

  • react-native-render-html

    iOS/Android pure javascript react-native component that renders your HTML into 100% native views

  • umbrella

    β›± Broadly scoped ecosystem & mono-repository of 192 TypeScript projects (and 160+ examples) for general purpose, functional, data driven development

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

  • html-figma

    Builder.io for Figma: AI generation, export to code, import from web

  • Project mention: Introducing Visual Copilot: A Better Figma-to-Code Workflow | dev.to | 2023-10-12

    Try the Builder.io Figma plugin

  • Vorlonjs

    A new, open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io

  • diff2html

    Pretty diff to html javascript library (diff2html)

  • Project mention: Unified versus Split Diff | news.ycombinator.com | 2023-10-24
  • react-print-pdf

    Build and generate PDF using React πŸ“„ UI kit for PDFs and print documents. Simple, reusable components and templates to create great invoices, docs, brochures. Use your favorite front-end framework React to build your next PDF.

  • Project mention: HTML to PDF renderers: A simple comparison | dev.to | 2024-03-26

    For this comparison we decided to use a simple example of HTML document with some specific CSS styles (fonts, margins, etc.) and a header and footer. We used the react-print-pdf library to design the HTML document using React components. Especially, we re-used the advanced invoice with QR code template from the reac-print-pdf library. We then converted this HTML document to PDF using each of the four libraries and compared both the process required to generate the PDF and the quality of the output. We run the experiment on a MacBook Pro with Apple M1 Pro chip, 32 GB of RAM, using Node.js v20.11.0. We used chromium as the browser for Puppeteer and Playwright.

  • 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 HTML discussion

Log in or Post with

TypeScript HTML related posts

  • A tale about migrating a 200 entries Gatsby blog untouched for 3 years to Astro

    6 projects | dev.to | 16 Jun 2024
  • Hotwire: HTML Over The Wire

    5 projects | news.ycombinator.com | 2 Jun 2024
  • The Ultimate beginners guide to open source – part 1

    1 project | dev.to | 29 May 2024
  • Show HN: Hmpl – work with server-side HTML with ease

    1 project | news.ycombinator.com | 26 May 2024
  • Htb.js – a 50-line HTML template engine that uses JavaScript syntax

    1 project | news.ycombinator.com | 16 May 2024
  • πŸ•ΈοΈ Web development trends we will see in 2024 πŸ‘€

    3 projects | dev.to | 2 May 2024
  • Preline UI + Gowebly CLI = ❀️

    2 projects | dev.to | 25 Apr 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 17 Jun 2024
    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. Learn more β†’

Index

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

Project Stars
1 storybook 83,202
2 hyperterm 42,864
3 novu 33,484
4 cheerio 27,969
5 intro.js 22,628
6 TOAST UI Editor 16,852
7 omi 12,958
8 shoelace-css 12,245
9 Aurelia 1 11,745
10 Zettlr 9,754
11 tsParticles 7,220
12 emmet 4,440
13 htmlparser2 4,328
14 preline 3,900
15 parse5 3,580
16 FigmaToCode 3,550
17 react-native-render-html 3,417
18 umbrella 3,254
19 happy-dom 3,019
20 html-figma 3,004
21 Vorlonjs 2,918
22 diff2html 2,749
23 react-print-pdf 2,047

Sponsored
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.io