Top 23 TypeScript Web Projects
-
Angular
One framework. Mobile & desktop.
Looking through popular JavaScript frameworks, there are a few that top the usage charts year after year, such as React, Angular, and Vue. What was interesting to see while looking into JS front-end frameworks from 2019 to 2020 was the swift adoption of Svelte, which not only topped the charts in User Satisfaction and Interest in the past two years, but has moved it's way from the 9th to the 4th most used CSS framework in a year. This newly popular JavaScript framework is definitely worthy of a look for any Frontend Developer.
-
puppeteer
Headless Chrome Node.js API
I believe so eg https://github.com/puppeteer/puppeteer/issues/1319#issuecomment-371503788
-
Scout
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
A hybrid app is basically one that can run on iOS and Android (and web and desktop sometimes) using the same code base, which really goes a long way in terms of cost and maintenance. Good hybrid app technologies are Flutter, React Native or Ionic. I recommend and work with Flutter.
-
Material Components Web
Modular and customizable Material Design UI components for the web
Project mention: Material Design Top App Bar animated with React Hooks and Styled Components | dev.to | 2021-01-20Today I've managed to scratch-build Material Design's top app bar, in particular its behaviour of sliding up/down if the user scrolls down/up, without relying on libraries like Material Components Web or Material-UI.
-
React Intl
The monorepo home to all of the FormatJS related libraries, most notably react-intl.
Project mention: How to handle prices/currency formatting in Javascript? | reddit.com/r/reactjs | 2021-02-25Generally, I try to keep i18n super simple and not bloat it with too many weird libraries for simple stuff. I really can recommend FormatJS with FormatJS CLI and simplelocalize. Many people uses i18next, but it's a little bit too complex for me.
-
Brain.js
🤖 GPU accelerated Neural networks in JavaScript for Browsers and Node.js
-
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).
-
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. 🌈
-
recyclerlistview
High performance listview for React Native and web!
I agree, I'd love a designated API for this. If you use React, this seems pretty robust: https://github.com/Flipkart/recyclerlistview
-
amplication
Amplication is an open‑source development tool. It helps you develop quality Node.js applications without spending time on repetitive coding tasks.
-
Misskey
🌎 A interplanetary blogging platform 🚀
-
tsParticles
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - tsParticles is a lightweight typescript/javascript library for creating easily particles animations.
-
tinyhttp
🦄 0-legacy, tiny & fast web framework as a replacement of Express
Project mention: tinyhttp — 0-legacy, tiny & fast web framework as a replacement of Express | reddit.com/r/npm | 2021-01-27 -
kowl
Apache Kafka Web UI for exploring messages, consumers, configurations and more with a focus on a good UI & UX.
More concrete, take a look at Kowl how it uses Franz Go to talk to the Admin API: https://github.com/cloudhut/kowl/blob/master/backend/pkg/kafka/list_consumer_group_offsets.go#L15-L22
-
Aurelia 2
Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
-
react-spaces
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
-
threema-web
The Threema Web application.
Project mention: Is it time to leave WhatsApp – and is Signal the answer? | reddit.com/r/privacy | 2021-01-25Now if you're really keen self host your own threema instance.
-
core
:rice: Interactive UI animation engine for the Web. Core renderer for Haiku Animator. (by HaikuTeam)
Haiku Core - Interactive UI animation engine for the Web. Core renderer for Haiku Animator.
-
piral
Framework for next generation web apps using microfrontends. :rocket:
Check out https://piral.io/ (react only) or https://single-spa.github.io/single-spa.js.org/ (framework agnostic)
-
AppAuth-JS
JavaScript client SDK for communicating with OAuth 2.0 and OpenID Connect providers.
ionic-appauth: 35 GitHub stars. This repo does not have version tags. Ionic-AppAuth is an implementation of the openid’s AppAuth-JS for Ionic development. The documentation is minimal (close to none), but has a React sample that you can examine: https://github.com/wi3land/ionic-appauth-react-demo
-
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Here is the GitHub repo if your interested https://github.com/dennismorello/react-awesome-reveal
-
rn-tourguide
🚩Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)
Project mention: react-native libraries for app onboarding / explanation tour | reddit.com/r/reactnative | 2021-03-02The only library i found was https://github.com/xcarpentier/rn-tourguide which makes the code really messy
-
game-of-life
Conway's game of life web version! (by TroyTae)
Project mention: Hacktoberfest: 69 Beginner-Friendly Projects You Can Contribute To | dev.to | 2020-09-29https://github.com/TroyTae/game-of-life Conway's game of life web version!
Index
What are some of the best open-source Web projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Angular | 71,102 |
2 | puppeteer | 69,024 |
3 | Ionic Framework | 43,147 |
4 | Material Components Web | 15,323 |
5 | React Intl | 12,378 |
6 | Brain.js | 11,815 |
7 | tamperchrome | 3,830 |
8 | Quick Start | 3,774 |
9 | recyclerlistview | 3,418 |
10 | amplication | 2,333 |
11 | Misskey | 1,656 |
12 | tsParticles | 1,576 |
13 | tinyhttp | 1,227 |
14 | kowl | 1,016 |
15 | Aurelia 2 | 983 |
16 | react-spaces | 921 |
17 | threema-web | 740 |
18 | core | 736 |
19 | piral | 692 |
20 | AppAuth-JS | 645 |
21 | react-awesome-reveal | 341 |
22 | rn-tourguide | 264 |
23 | game-of-life | 188 |