Top 23 TypeScript Web Projects
-
✅ Angular 13 ✅ Angular Material ✅ Unit Testing with Jest ✅ End-to-End Testing with [TestCafé](https://testcafe.io/ ✅ Internationalization with Transloco ✅ Auto documentation with Compodoc ✅ Analyse your project with webpack-bundle-analyzer ✅ Docker ✅ ESLint ✅ Prettier ✅ Commit Linting ✅ AuditJS Audit this application using Sonatype OSS Index ✅ Auto-generate a CHANGELOG with auto-changelog
-
In this tutorial we are going to create a web scraper using Puppeteer, a Node library developed by Google to perform several automated tasks using the Chromium engine. Web scraping is just one of the several applications that makes Puppeteer shine. In fact, according to the official documentation on Github Puppeteer can be used to:
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
I did this morning here: https://github.com/ionic-team/ionic-framework/issues/24625
-
Playwright
Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
Project mention: What is the standard way to programmatically map over network requests that is made by a web page? | reddit.com/r/node | 2022-01-18See if playwright offers some way to get that information via its API
-
-
Project mention: Format.JS - Library for React Localization | reddit.com/r/ReactLocalization | 2021-10-05
-
Brain.js - Machine-learning framework.
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
devhub
TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them (by devhubapp)
Project mention: Ask HN: What Stack for mobile/desktop cross-platform native development in 2021? | news.ycombinator.com | 2021-10-20React Native is your best bet.
Examples:
- https://github.com/devhubapp/devhub
- https://github.com/mmazzarolo/react-native-universal-monorep...
RN desktop support is weak. But your mobile apps will work quite differently to your desktop apps anyway. And you probably want something that can run on the web too. So for desktop you just put your web app in Electron.
The difference between mobile and web will mean having to implement different routing and components, but you can share a lot of code.
Flutter is the new kid on the block.
-
Project mention: A New Architecture for Plaid Link: Server-Driven UI with Directed Graphs | news.ycombinator.com | 2021-05-11
Good question — we used https://github.com/projectstorm/react-diagrams
-
clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Take a look at IBM Carbon and Clarity Design.
-
Quick Start
🍔 A Node.js Serverless Framework for front-end/full-stack developers. Build the application for next decade. Works on AWS, Alibaba Cloud, Tencent Cloud and traditional VM/Container. Super easy integrate with React and Vue. 🌈
Project mention: I'm writing this while your 100th AD in BRAVE shows up this week only. I am tired of seeing your crappy exchange on my feed while I'm trying to work. So I decided to leave my honest review about your service. Enjoy. | reddit.com/r/Bitstamp | 2021-12-06Your node js is borrowed technology from china: https://github.com/midwayjs/midway
-
kraken
A web standards-compliant, high-performance rendering engine based on Flutter. (by openkraken)
One can dream and it would be awesome if Konqueror could get much, much love - fundings, people interested on it and working for it, making it shine and gain back its old glory. We can dream about The Linux Foundation getting funds to keep goin with Servo and not letting it die so we could use it as another backend with Konqueror, same as how you can right now pick between Webkit or KHTML. Or maybe some other new project like Kraken. But none of us can predict the future so who knows what's gonna happen.
-
Project mention: How to make that optimization in React Native? | reddit.com/r/reactnative | 2021-12-25
https://github.com/Flipkart/recyclerlistview if you want to go even further than FlatList, but for most cases FlatList just works
-
tamperchrome
Tamper Dev is an extension that allows you to intercept and edit HTTP/HTTPS requests and responses as they happen without the need of a proxy. Works across all operating systems (including Chrome OS).
-
amplication
Amplication is an open‑source development tool. It helps you develop quality Node.js applications without spending time on repetitive coding tasks.
Maybe try out https://amplication.com/ to scaffold a NestJS based app?
-
tsParticles
tsParticles - Easily create highly customizable particles 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.
Read more on GitHub: https://github.com/matteobruni/tsparticles
-
Project mention: Seashells: Pipe output from command-line programs to the web in real-time | news.ycombinator.com | 2021-10-18
-
Project mention: NRAF(Not Really a Framework) - A zero external dependency framework for WebApps | reddit.com/r/node | 2022-01-16
-
kowl
Kowl is a Web UI for Apache Kafka that allows exploring messages, consumers, configurations and more with a focus on a good UI & UX.
View on GitHub
-
GitHub - handtracking-io/yoha: A practical hand tracking engine.
-
react-native-safe-area-context
A flexible way to handle safe area insets in JS. Also works on Android and Web!
Project mention: How to avoid notches with Safe Area Context in React Native apps | dev.to | 2021-11-02To use a cross-platform solution to handle safe areas on notch devices, there is a library called react-native-safe-area-context. It provides a flexible API to handle safe area insets in JS and works on iOS, Android, and Web.
-
Aurelia 2
Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
-
The idea of writing a book about micro frontends was born in mid 2019 when Piral was born out of smapiot's open-source efforts. We've been leading and assisting to micro frontend implementations for a while, and our intention was to put together an (almost) ideal pattern into an open-source framework.
TypeScript Web related posts
Index
What are some of the best open-source Web projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Angular | 79,110 |
| 2 | puppeteer | 75,711 |
| 3 | Ionic Framework | 46,002 |
| 4 | Playwright | 32,619 |
| 5 | Material Components Web | 15,980 |
| 6 | React Intl | 12,930 |
| 7 | Brain.js | 12,410 |
| 8 | devhub | 7,854 |
| 9 | react-diagrams | 6,652 |
| 10 | clarity | 6,412 |
| 11 | Quick Start | 5,219 |
| 12 | kraken | 4,209 |
| 13 | recyclerlistview | 4,098 |
| 14 | tamperchrome | 3,973 |
| 15 | amplication | 3,713 |
| 16 | tsParticles | 2,802 |
| 17 | piping-server | 2,389 |
| 18 | tinyhttp | 2,016 |
| 19 | kowl | 1,955 |
| 20 | yoha | 1,709 |
| 21 | react-native-safe-area-context | 1,279 |
| 22 | Aurelia 2 | 1,151 |
| 23 | piral | 1,006 |
Are you hiring? Post a new remote job listing for free.
