TypeScript Dev Tools

Open-source TypeScript projects categorized as Dev Tools

Top 14 TypeScript Dev Tool Projects

  1. Playwright

    Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

    Project mention: Data Broken - Opt out of the data broker nightmare with Privotron and Amazon Q Developer | dev.to | 2025-05-11

    Privotron is built on a modern Python stack that leverages several powerful libraries for browser automation and configuration management. At its core, the application uses Playwright, a robust browser automation framework that provides cross-browser support and reliable DOM interaction capabilities. The command-line interface is implemented using Click, which enables sophisticated argument parsing and validation with minimal boilerplate code. For configuration management, Privotron employs PyYAML to parse broker-specific YAML files, allowing for declarative definitions of opt-out workflows. The architecture combines declarative configuration with imperative execution, allowing for a flexible and extensible system that can adapt to the varied requirements of different data broker opt-out processes.

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. Code-Server

    VS Code in the browser

    Project mention: OpenVSX, which VSCode forks rely on for extensions, down for 24 hours | news.ycombinator.com | 2025-04-24

    But hasn't Coder.com[0] built a business around exactly that?

    [0] https://github.com/coder/code-server

  4. Docusaurus

    Easy to maintain open source documentation websites.

    Project mention: Create fast, modern API docs using Docusaurus | dev.to | 2025-05-19

    Docusaurus is a powerful static site generator built by Meta and designed specifically for documentation websites. It’s React-based, which means you get a lot of flexibility in how you customize your site, and it comes with features that make API documentation much easier to manage:

  5. reactotron

    A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.

    Project mention: React Native Debugger: Best Tools and How to Use Them | dev.to | 2024-12-30

    Usage: Install Reactotron via npm and follow the setup instructions on the Reactotron GitHub page. Use it to monitor API activity and validate state transitions.

  6. redux-devtools

    DevTools for Redux with hot reloading, action replay, and customizable UI

    Project mention: Must-Know React Native Libraries for Faster Mobile App Development in 2025 🚀 | dev.to | 2025-02-17

    Powerful debugging tools with Redux DevTools.

  7. react-styleguidist

    Isolated React component development environment with a living style guide

  8. cosmos-js

    Sandbox for developing and testing UI components in isolation

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. Reactime 6.0: State Debugger for React

    Developer tool for time travel debugging and performance monitoring in React applications.

  11. react-inspector

    🔍 Power of Browser DevTools inspectors right inside your React app

  12. BundleMon

    A free open-source tool that helps you to monitor your bundle size on every commit and alerts you on changes.

  13. Jooks (Jest ❤ + Hooks 🤘🏻)

    Testing hooks with Jest

  14. react-device-frameset

    React device frameset component

    Project mention: Engage Users Instantly: Embed an Interactive Demo in your React SPA | dev.to | 2025-01-09

    Wanna is mobile-first, so I chose to render the demo inside a phone frame. I used devices.css because it offers the devices I thought looked best (i.e. minimal bezel to maximize demo space). But for simplicity, here we'll use a library that supports React out-of-the-box: react-device-frameset.

  15. component-controls

    A next-generation tool to create blazing-fast documentation sites.

  16. story-tab

    ⚡ Create demo components in a zap

  17. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 Dev Tools discussion

Log in or Post with

TypeScript Dev Tools related posts

  • Create fast, modern API docs using Docusaurus

    1 project | dev.to | 19 May 2025
  • How we built our docs site

    2 projects | dev.to | 15 May 2025
  • Organização de Projetos no Github

    3 projects | dev.to | 14 May 2025
  • Data Broken - Opt out of the data broker nightmare with Privotron and Amazon Q Developer

    4 projects | dev.to | 11 May 2025
  • CI/CD guide: store Playwright test results in AWS S3

    1 project | dev.to | 5 May 2025
  • Como usar o husky garantir a qualidade do seu código

    2 projects | dev.to | 28 Apr 2025
  • Why the Python Standard Library Needs a run_sync()

    2 projects | dev.to | 24 Apr 2025
  • A note from our sponsor - SurveyJS
    surveyjs.io | 21 May 2025
    Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →

Index

What are some of the best open-source Dev Tool projects in TypeScript? This list will help you:

# Project Stars
1 Playwright 72,711
2 Code-Server 71,700
3 Docusaurus 59,846
4 reactotron 15,215
5 redux-devtools 14,186
6 react-styleguidist 10,940
7 cosmos-js 8,469
8 Reactime 6.0: State Debugger for React 2,222
9 react-inspector 799
10 BundleMon 117
11 Jooks (Jest ❤ + Hooks 🤘🏻) 84
12 react-device-frameset 82
13 component-controls 81
14 story-tab 56

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?