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 β
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.
-
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.
-
novu
GitOps based Notification Infrastructure as Code. Embeddable Notification Center, E-mail, Push and Slack Integrations.
-
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.
-
shoelace-css
A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME πππ
-
Aurelia 1
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. (by aurelia)
-
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.
-
preline
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
-
parse5
HTML parsing/serialization toolset for Node.js. WHATWG HTML Living Standard (aka HTML5)-compliant.
-
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
-
Vorlonjs
A new, open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.
I am using iTerm2 on my macOS. Other available options are Hyper and VS Codeβs inbuilt terminal, which I sometimes use for quick tests. You can open a terminal in VS Code by using the keyboard shortcut CMD + J or CTRL + J on Windows, or View β Terminal.
Project mention: Open-source notification infrastructure for developers | news.ycombinator.com | 2024-05-06
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 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
A step in that direction can be seen in TOAST UI editor:
Well if you want to check out the project you have here: π Docs website π¦ Github repo
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).
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.
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
Today, I've released the Gowebly CLI v2.4.0 which includes Preline UI components library support for the frontend.
Try the Builder.io Figma plugin
Next weβll install Vitest and happy-dom to the project by running:
Project mention: how to inject custom js/css/html code that is fetched from an API into nextjs app? | /r/nextjs | 2023-12-09using libraries like html-react-parser but it did not work see: https://github.com/remarkablemark/html-react-parser/discussions/1015
TypeScript HTML related posts
-
πΈοΈ Web development trends we will see in 2024 π
-
Preline UI + Gowebly CLI = β€οΈ
-
Here are the 10 projects I am contributing to over the next 6 months. Share yours
-
HTML to PDF renderers: A simple comparison
-
An HTML Switch Control
-
Hyper: A terminal built on web technologies
-
Web frameworks we are most excited for in 2024
-
A note from our sponsor - SurveyJS
surveyjs.io | 11 May 2024
Index
What are some of the best open-source HTML projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | storybook | 82,947 |
2 | hyperterm | 42,718 |
3 | novu | 32,993 |
4 | cheerio | 27,826 |
5 | intro.js | 22,581 |
6 | TOAST UI Editor | 16,787 |
7 | omi | 12,932 |
8 | shoelace-css | 12,093 |
9 | Aurelia 1 | 11,745 |
10 | Zettlr | 9,640 |
11 | tsParticles | 7,057 |
12 | emmet | 4,435 |
13 | htmlparser2 | 4,292 |
14 | preline | 3,740 |
15 | parse5 | 3,555 |
16 | FigmaToCode | 3,498 |
17 | react-native-render-html | 3,392 |
18 | umbrella | 3,224 |
19 | html-figma | 2,964 |
20 | happy-dom | 2,938 |
21 | Vorlonjs | 2,915 |
22 | diff2html | 2,711 |
23 | html-react-parser | 1,979 |
Sponsored