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 →
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
🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀
-
-
-
-
shoelace-css
A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇
-
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.
-
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 190 TypeScript projects (and 155 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
-
-
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.
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
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.
I'll guide you on how to swiftly build an In-App Notification system for your next app using Novu and the Dev.to API. While it might not exactly resemble the system mentioned above, it'll have many similarities.
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
Project mention: I'm making a GlowUI text editor to get back into coding | /r/Windows11 | 2023-06-09If you need a WYSIWYG markdown editor you can try Toast UI Editor or simply use Markdown Live add-on for Visual Studio Code
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
Let’s add this folder, and all files in it, to the ng-package.json file of the library. You can find more information here about why we should declare this assets property.
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 related posts
- 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
- Making Web Component properties behave closer to the platform
-
A note from our sponsor - InfluxDB
www.influxdata.com | 26 Apr 2024
Index
What are some of the best open-source HTML projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 82,810 |
| 2 | hyperterm | 42,633 |
| 3 | novu | 32,478 |
| 4 | cheerio | 27,780 |
| 5 | intro.js | 22,570 |
| 6 | TOAST UI Editor | 16,759 |
| 7 | shoelace-css | 11,962 |
| 8 | Aurelia 1 | 11,745 |
| 9 | Zettlr | 9,597 |
| 10 | tsParticles | 6,999 |
| 11 | emmet | 4,429 |
| 12 | htmlparser2 | 4,281 |
| 13 | preline | 3,641 |
| 14 | parse5 | 3,550 |
| 15 | FigmaToCode | 3,470 |
| 16 | react-native-render-html | 3,383 |
| 17 | umbrella | 3,205 |
| 18 | html-figma | 2,947 |
| 19 | Vorlonjs | 2,914 |
| 20 | happy-dom | 2,911 |
| 21 | diff2html | 2,703 |
| 22 | html-react-parser | 1,971 |
| 23 | ng-packagr | 1,836 |
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