Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 TypeScript JavaScript Projects
-
1️⃣2️⃣ Free Code Camp Curriculum 🎓 📌 https://github.com/freeCodeCamp/freeCodeCamp A free interactive coding platform with real-world projects.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
Recently, a ticket was added to our sprint with the goal of reducing packages with critical and high vulnerabilities in a legacy project. The task involved migrating a Vue 2 project using Vue CLI as the build tool to Vite.
-
Project mention: Definite clause grammars and symbolic differentiation | news.ycombinator.com | 2025-03-12
Typescript's type system is technically undecidable because you can interpret Turing machines with it:
https://github.com/microsoft/TypeScript/issues/14833
The flip side is that such systems can still be practically useful. You just have to manage your type complexity, much like you already manage your runtime complexity.
-
-
storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
GitHub Repo: https://github.com/storybookjs/storybook
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
I like Mermaid[^1], but can’t be bothered to learn the syntax. So, most of the time, I ask LLMs to generate the scaffolding and work from that.
For freehand drawing, to me, nothing beats Excalidraw[^2]. I use it for pretty much everything—from system design work to planning a project and explaining a concept. Such a wonderful tool from the Czech Republic.
[^1]: https://mermaid.js.org/
[^2]: https://excalidraw.com/
-
Playwright
Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
Sample apps using Playwright, Browserbase, and Scrapybara
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
Project mention: Secure Your REST API Using Keycloak Role-Based Access Control | dev.to | 2025-03-13In this article, we will walk through a step-by-step process to secure a Nest.js RESTful API using Keycloak. This includes setting up an application client and configuring authentication and RBAC for your API endpoints.
-
Strapi
🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable, and developer-first.
We'll be using Strapi for our backend API layer. Strapi is a headless, decoupled, API-driven content management system that lets you manage and serve content directly from an admin panel—in just a few minutes.
-
In line 32 we have the socket.io editaData event which handles data editing in the server. When the user clicks edit in the client, the server searches for the data using the findIndex method. If it exists it updates the data in the crudData array then it broadcasts the edited data to the client.
-
Project mention: immich: self-hosted photo and video management solution | news.ycombinator.com | 2025-02-08
-
Project mention: hCaptcha, a bot detection tool, usage in Supabase and Chatwoot | dev.to | 2024-12-27
hCaptcha docs is built using Docusaurus and their developer guide provides a vanilla example, but there’s framework specific examples provided as well.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic Official Website
-
Joplin
Joplin - the privacy-focused note taking app with sync capabilities for Windows, macOS, Linux, Android and iOS.
Project mention: Ask HN: What Are You Working On? (February 2025) | news.ycombinator.com | 2025-02-23Thanks! I built the editor using Tiptap (https://tiptap.dev/) which doesn't support Markdown out of the box. However, since it can detect Markdown shortcuts (#, ##, >, etc.), it should be possible to convert a markdown file into rich text, and then when done writing and editing convert it back into markdown, while limiting formatting options only to ones that are available for both. I think Joplin (https://joplinapp.org/) does something similar.
I'll think about this for sure, especially since I've been thinking of making it possible to save and read local files. If you'd like to try Gorby, send me an email and I'll be happy to give you a free license code :)
-
Project mention: How to Build a AI Chat App Using React, Tailwind and Framer motion | dev.to | 2024-11-18
🔗 Tools We’ll Use: ReactJS: https://react.dev/ TailwindCSS: https://tailwindcss.com/ Appwrite: https://appwrite.io/ Gemini: https://ai.google.dev/ Framer motion: https://motion.dev/
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
To improve performance, another team built a POC replacing standard DOM elements with a canvas managed by a library called pixi.js. The idea was to boost rendering speed.
-
There are several tools available for unit testing in React JS. Two of the most popular are Jest and React Testing Library.
-
-
> 4 | import someConfig from '../config/SomeConfigs.json' with { type: 'json' }; | ^ 5 | 6 | /** Add @babel/plugin-syntax-import-attributes (https://github.com/babel/babel/tree/main/packages/babel-plugin-syntax-import-attributes) to the 'plugins' section of your Babel config to enable parsing. If you already added the plugin for this syntax to your config, it's possible that your config isn't being loaded. You can re-run Babel with the BABEL_SHOW_CONFIG_FOR environment variable to show the loaded configuration:
-
-
Communication tools such as Mattermost and Rocket.Chat support team collaboration.
-
Prisma
Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
The tutorial starts by creating a Next.js project and setting up Shadcn UI and Aceternity UI for premade front-end components, with TailwindCSS for styling. Next, you will use Prisma ORM to create data models and generate schemas for Neon's Postgres database. The tutorial also covers file uploads using Uploadcare, Clerk to handle authentication, and creating a billing system with Stripe that allows users to purchase different plans.
-
Project mention: How to adapt an autocomplete/select field to work with server-side filtering and pagination | dev.to | 2024-09-04
The technical implementation will be demonstrated with Vue, my preferred framework for everyday work, combined with Vuetify, a very robust and highly customizable component framework commonly used in the Vue ecosystem. Note that concepts used here can be applied using other combinations of popular JavaScript technologies.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 JavaScript discussion
TypeScript JavaScript related posts
-
Tagged Template Literals on Template
-
New Angular 20 Feature - Exponential Operator is Supported on Template
-
Ask HN: What do you use to create diagrams?
-
Secure Your REST API Using Keycloak Role-Based Access Control
-
Trying to Replace the DOM with Canvas — And Failing
-
Face-api.js: JavaScript API for face detection and face recognition in browser
-
Definite clause grammars and symbolic differentiation
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 16 Mar 2025
Index
What are some of the best open-source JavaScript projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | freeCodeCamp | 411,226 |
| 2 | Vue.js | 208,469 |
| 3 | TypeScript | 102,821 |
| 4 | Angular | 97,204 |
| 5 | storybook | 86,092 |
| 6 | mermaid | 76,634 |
| 7 | Playwright | 70,037 |
| 8 | Nest | 69,762 |
| 9 | Strapi | 65,525 |
| 10 | Socket.io | 61,733 |
| 11 | immich | 60,744 |
| 12 | Docusaurus | 58,773 |
| 13 | Ionic Framework | 51,515 |
| 14 | Joplin | 48,081 |
| 15 | Appwrite | 47,621 |
| 16 | PixiJS | 44,697 |
| 17 | jest | 44,605 |
| 18 | hyperterm | 43,794 |
| 19 | Babel (Formerly 6to5) | 43,441 |
| 20 | lx-music-desktop | 42,808 |
| 21 | Rocket.Chat | 42,217 |
| 22 | Prisma | 41,455 |
| 23 | vuetify | 40,296 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai