Here’s a collection of 7 popular TypeScript projects on Github (with data as of Apt.06, 2021) to make your development easier. The best way to improve your coding skills is to read the source code of open source projects.

1. Storybook

Storybook is a development environment for UI components. It allows developers to browse an extensive catalog of components where they can test and analyze their various states. It’s built for Vue, React, Angular, and many other frameworks. This is especially useful for testing components and their boundary cases. Components can be easily tested without understanding any business logic.

  • Stars: 60.1 k

  • The Repository: github.com/storybookjs…

2. Grafana

Grafana is an open source platform for monitoring and observation created by Grafana Labs. Grafana is good at parsing, querying, and visualizing data no matter where metrics are stored. You can create various dashboards that fit your requirements and share them across the team. Dynamic dashboards make it easy to create reusable dashboards and view logs by metrics.

  • Stars: 40.9 k

  • Repository:github.com/grafana/gra…

3. TypeScript Deep Dive

Created by Basarat Ali Syed, TypeScript Deep Dive is a great resource for learning about and improving TypeScript capabilities. It is free and open source and supports 12 languages. It is full of rich examples and tips to support its content. A worthy star project!

  • Stars: 13.2 k

  • Repository:github.com/basarat/typ…

N8n – WorkFlow Automation Tool

N8n is a free workflow automation tool that helps you connect all your applications together via an API, without the need for code to share and manipulate data. N8n has over 170 different nodes to automate your workflow and is highly customizable. It can be hosted on your own server to protect your data. Great user interface and interaction, allowing you to easily build workflows.

  • Stars: 13.2 k

  • Repository:github.com/n8n-io/n8n

5. Turbolinks

Turbolinks enables faster Web application navigation. The goal of this library is to gain the performance benefits of single-page applications. When a link is clicked to another page, TurbolLinks will handle fetching the page, swapping its and merging its without having to refresh the page completely, resulting in more load times. It works on all modern desktops and mobile browsers, and supports mobile applications.

  • Stars: 12.6 k

  • Repository:github.com/turbolinks/…

6. GraphQL Voyager

GraphQL Voyager is an interactive graphical development tool that demonstrates the GraphQL API. Created by API Guru to visually explore and interact with GraphQL’s API data model. A good tool to use when building a data model.

  • Stars: 5.9 k

  • Repository:github.com/APIs-guru/g…

7. Super Productivity

Super Productivity by Johannes Millan is a great tool to organize all your daily tasks in one place. In a nutshell, super productivity is to-do lists, time trackers, and task managers. You can integrate tasks from Jira, GitHub, and GitLab. In fact, this will help you save time managing multiple tools and enable you to see what needs to be done and when in one dashboard.

  • Stars: 3.5 k

  • Repository:github.com/johannesjo/…


After the