TypeScript Web

Open-source TypeScript projects categorized as Web

Top 23 TypeScript Web Projects

  • Angular

    The modern web developer’s platform

    Project mention: Desperately want to make my own game, tripped up on certain integral parts [JS/HTML/CSS] | reddit.com/r/incremental_gamedev | 2023-02-04

    One of the first problems I ran into, is that manually manipulating the DOM is error-prone and just not fun to do. So I started looking into tools that can do the job for you. Vue.js, React, Angular, and Svelte are the most popular of such frameworks. I settled on Vue because of personal preferences. Now when my values change, the UI updates automatically.

  • puppeteer

    Headless Chrome Node.js API

    Project mention: LPT: If you find a faster way to do something at your work, keep it a secret from your manager. | reddit.com/r/LifeProTips | 2023-02-08

    You could use Nodejs to load the spreadsheet file, an npm library to parse the spreadsheet data, and then a library like Puppeteer to automate the web browser tasks.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: Top 9 Best Mobile App Development Frameworks in 2023 | dev.to | 2023-02-09

    Ionic is a completely free and open-source framework built with Angular and Apache Cordova which allows developers to develop an app for three different platforms - iOS, Android, and Windows. It’s used to develop cross-platform mobile applications for seamless mobile performance. Every mobile app developer companies uses this framework to develop a robust and feature-rich native application.

  • 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 best way to simulate "open an web browser application and login" without having to open 400 browsers to get 400 users online? | reddit.com/r/dotnet | 2023-02-06
  • Appwrite

    Secure Backend Server for Web, Mobile & Flutter Developers 🚀 AKA the 100% open-source Firebase alternative.

    Project mention: Is it possible to self-host a lambda or lamda-like service | reddit.com/r/aws | 2023-02-03

    You can self-host Appwrite which has functions https://appwrite.io/

  • expo

    An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

    Project mention: Intro to React Native: Develop mobile apps | dev.to | 2023-02-04

    So yes, head to Expo Docs to get started. What I would suggest is do as many projects as you can to get good at it, and make sure to learn something new in every project you make.

  • Material Components Web

    Modular and customizable Material Design UI components for the web

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • qwik

    The HTML-first framework. Instant apps of any size with ~ 1kb JS

    Project mention: Use Maps more and Objects less | dev.to | 2023-02-08

    Read more about how VMs assume shapes in this thread by Miško (CTO of Builder.io, and creator of Angular and Qwik):

  • next-auth

    Authentication for the Web.

    Project mention: Setting up users/authentication with mongoDb atlas database | reddit.com/r/mongodb | 2023-02-02

    sc2bigjoes has already pointed out that you most likely are confusing database user and application user. If you want some help with implementing authentication and management of app users, maybe https://authjs.dev can be a good starting point.

  • React Intl

    The monorepo home to all of the FormatJS related libraries, most notably react-intl.

    Project mention: Formatting data like a pro in JavaScript | dev.to | 2022-11-30

    Format.JS

  • Brain.js

    🤖 GPU accelerated Neural networks in JavaScript for Browsers and Node.js

    Project mention: Why do people curse JS so much, but also say it's better than Python | reddit.com/r/ProgrammerHumor | 2023-01-21

    Brain.js: This is a library for training and deploying neural networks in JavaScript. It provides a simple and flexible API for building feedforward and recurrent networks.

  • react-jsonschema-form

    A React component for building Web forms from JSON Schema.

    Project mention: Server Sent UI Schema Driven UIs | reddit.com/r/reactjs | 2022-12-20

    React Json Schema Form: https://github.com/rjsf-team/react-jsonschema-form

  • Aurelia 1

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

  • amplication

    Amplication is an open‑source development tool. It helps you develop quality Node.js applications without spending time on repetitive coding tasks.

    Project mention: Amplication in TechCrunch's Top 50 Open-Source Startups in 2022 | dev.to | 2023-02-08

    GitHub: Give us a star

  • devhub

    TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them (by devhubapp)

  • react-diagrams

    a super simple, no-nonsense diagramming library written in react that just works

    Project mention: Visual Gherkin Manager - devlog#2 | dev.to | 2022-11-27

    The library react-diagrams is very extensive, allowing easy customization of all necessary components styles and behaviors. For example, It were necessary to create custom node and label components to contemplate the desired needs.

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

  • The Lounge

    💬 ‎ Modern, responsive, cross-platform, self-hosted web IRC client

    Project mention: Most used selfhosted services in 2022? | reddit.com/r/selfhosted | 2022-12-27

    TheLounge (https://github.com/thelounge/thelounge) - web IRC client that I set to listen on my vpn/mesh. Works great on desktop and mobile, and supports push notifications.

  • 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: Create Beautiful Animations by Integrating Particles.js With React | dev.to | 2023-01-25

    You’re almost done! You just have to configure your particles/objects in order of animation, interaction, direction, opacity, etc. For this illustration, you’ll be using an already preset configuration from the tsparticles repository, but you can always tweak it to your own style or create one from scratch if you’d like.

  • kraken

    A web standards-compliant, high-performance rendering engine based on Flutter. (by openkraken)

    Project mention: 4th contender: Compile web technologies to flutter | news.ycombinator.com | 2022-06-16
  • recyclerlistview

    High performance listview for React Native and web!

    Project mention: TOP 6 React Native libraries with native performance ⚡️ | dev.to | 2023-01-12

    FlashList is based on RecyclerListView but has an API similar to FlatList, which makes migration very simple and has many additional features. For example, FlashList provides metrics API, which allows you to measure performance problems and find proper params configuration for your list component. Also, it supports animation with Reanimated and layouts like Masonry.

  • searchkit

    Search UI for Elasticsearch. Compatible with Algolia's Instantsearch and Autocomplete components

    Project mention: Ask HN: Should I give up and get a job? | news.ycombinator.com | 2022-03-03

    I think you are probably spending too much of your time on software and too little time on marketing.

    When I look at an open-source project, I ask myself three things:

    1) What does it do exactly?

    2) Is this easy to get started with?

    3) Does it have any documentation?

    For example, I have a use case for wanting to use graphql to communicate with elasticsearch. I google "graphql + elasticsearch" and somewhere a link to https://www.searchkit.co/ comes up. I look at it and I find my answers within 60 seconds:

    1) Top of the page I see "Searchkit is an open source library which helps you build a great search experience with Elasticsearch. Powered by Apollo GraphQL." This makes me think that yeah, it's probably looking to solve a similar problem to me. In case I had any doubts, there's a demo.

    2) Yes, easy to get started. There's a big "get started" button at the top of the page. And a get-started-video link at the bottom of the homepage.

    3) At a glance, yes, it has decent documentation.

    Given that I quickly got answers to these 3 questions, yes, I might consider using this project, or at least trying it out.

    When I go to your page, I see:

    1) River DB is a Rust connection pool and middleware proxy... ok... why do i need that? What problem is this solving? There's a long paragraph I can read after that, but when i'm browsing the web i don't usually read long paragraphs, so you've lost me already.

    2) I have no idea how to get started

    3) Doesn't look like there's any docs

    Given the above, why would I use your software?

    Note that the above has nothing to do with your software quality. But people only care about your code if things are breaking. Marketing material is what gets them in the door. For example, I use React all the time. I have NO IDEA if the underlying code is any good. And I don't really care. What I care about is that it's easy to use.

    Anyway, long story short... if you want to build a software business, coding is maybe 30-40% of the job. Marketing, sales, documentation and all that jazz is probably the majority of the work. If you don't want to do that and you just want to code, then great, get a job. People will pay you good money for that.

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

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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). The latest post mention was on 2023-02-09.

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 86,136
2 puppeteer 81,784
3 Ionic Framework 48,579
4 Playwright 47,402
5 Appwrite 29,103
6 expo 18,896
7 Material Components Web 16,617
8 qwik 15,118
9 next-auth 14,606
10 React Intl 13,544
11 Brain.js 13,519
12 react-jsonschema-form 12,231
13 Aurelia 1 11,750
14 amplication 9,293
15 devhub 8,720
16 react-diagrams 7,496
17 Quick Start 6,395
18 The Lounge 4,961
19 tsParticles 4,821
20 kraken 4,788
21 recyclerlistview 4,721
22 searchkit 4,506
23 tamperchrome 4,070
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com