TypeScript Dashboard

Open-source TypeScript projects categorized as Dashboard

Top 23 TypeScript Dashboard Projects

  • Grafana

    The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

    Project mention: What is the Role of AI in DevOps? | dev.to | 2023-06-07

    The increasing complexity of modern systems led to the rise of AIOps (Artificial Intelligence for IT Operations) and observability practices. AIOps leveraged machine learning algorithms to automate problem detection, analysis, and resolution. Observability focused on gaining insights into system behaviour through metrics, logs, and traces. As a result, tools like Prometheus, Grafana, and ELK stack (Elasticsearch, Logstash, Kibana) gained popularity.

  • ant-design-pro

    👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

    Project mention: Top 5 React Admin Dashboard Libraries in 2023 | dev.to | 2023-03-20

    Links: Demo | Documentation | Github

  • 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!

  • ngx-admin

    Customizable admin dashboard template based on Angular 10+

    Project mention: SmartHome - your home data in real time! | dev.to | 2022-08-28

    Who uses ngx-admin?| Documentation | Installation Guidelines | Angular templates

  • Directus

    The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.

    Project mention: What is your tech stack for blog websites? (not wordpress) | /r/webdev | 2023-06-07

    Maybee it's overkill for a simple block, but Directus sounds like a decent choice if you want to get away from Strapi. https://directus.io/

  • payload

    Built with React + TypeScript, Payload is a free and open-source Headless CMS. [✩Star] if you support our work!

    Project mention: Ask HN: Headless CMS Recommendation? | news.ycombinator.com | 2023-06-03

    Payload CMS for sure: https://payloadcms.com/

    But be careful: once you tried it, you won't want to use anything else anymore.

    Gives you both a REST API, as well as a GraphQL API automatically. Admin UI is written in React as well and is customizable, super clean & distraction-free. Everything is extendable with Typescript.

    I, personally, went from WordPress => Strapi => Directus and have now settled with Payload, which I greatly prefer, as it's the only one which hasn't caused any roadblocks and lets me do whatever I want and need.

  • gridstack.js

    Build interactive dashboards in minutes.

    Project mention: Looking for help setting up a project with a jQuery plugin | /r/learnprogramming | 2023-01-25
  • Vorlonjs

    A new, open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io

    Project mention: Thank You, Firebug | news.ycombinator.com | 2022-08-09

    Microsoft themselves ended up doing something like this—VorlonJS. <https://github.com/MicrosoftDX/Vorlonjs>

    There's also weinre <https://people.apache.org/~pmuellr/weinre/>, which is the same with the (old) WebKit Inspector code, rather than Firebug.

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • kui

    A hybrid command-line/UI development experience for cloud-native development

    Project mention: Need Help in selecting a CICD tool AWS CodePipeline Suite or Gitlab | /r/devops | 2022-12-24

    Links: - https://github.com/kubernetes-sigs/kind - https://github.com/kubernetes-sigs/kui - https://github.com/k3s-io/k3s - https://docs.gitlab.com/charts/installation/deployment.html - https://github.com/bitnami/charts/tree/main/bitnami/argo-cd - https://github.com/bitnami/charts/tree/main/bitnami/argo-workflows - https://github.com/fluxcd/flux2

  • sorry-cypress

    Open-source, free, self-hosted alternative to Cypress Dashboard

    Project mention: Cypress E2E test automation breaks open-source integration for “security” | news.ycombinator.com | 2023-06-02

    Cypress E2E testing framework will apparently break compatibility with very popular open-source dashboard https://sorry-cypress.dev/ which is used to watch the execution of your E2E tests.

    This is from an email we received:

      We recently released changes to encrypt our private Cypress API requests for improving network security and stability of the overall Cypress testing experience. We are currently rolling this out across our user base and expect this to be complete effective June 30, 2023.

  • homarr

    Customizable browser's home page to interact with your homeserver's Docker containers (e.g. Sonarr/Radarr)

    Project mention: My simple Music Stack | /r/selfhosted | 2023-05-26

    Homarr - Just a dashboard / landing page to link to the real actual apps

  • karma

    Alert dashboard for Prometheus Alertmanager (by prymitive)

  • Your Spotify

    Self hosted Spotify tracking dashboard

    Project mention: Family approved self hosted apps? | /r/selfhosted | 2023-04-25

    Other than the usual plex + *arr + overseerr, your_spotify is fairly well family/girlfriend approved in my experience

  • dashdot

    A simple, modern server dashboard, primarily used by smaller private servers

    Project mention: Browser based System Monitor? | /r/homelab | 2023-04-28

    While non of the things recomended so far are wrong, for how i understood your question you are looking for more of a clean and simple solution to give you some basic stats. If that is the case, Check out dashdot i run it in a docker container and its great if i only need a basic overview of how my server is doing.

  • FUXA

    Web-based Process Visualization (SCADA/HMI/Dashboard) software

    Project mention: Is it possible to fully customize a PLC interface like a mobile app? | /r/PLC | 2023-06-05
  • kubevious

    Kubevious - Kubernetes without disasters

    Project mention: How do you manager what is deployed on your cluster ? | /r/kubernetes | 2022-11-15
  • angular-gridster2

    Angular gridster 2

  • permission-manager

    Permission Manager is a project that brings sanity to Kubernetes RBAC and Users management, Web UI FTW

    Project mention: Data and System Visualization Tools That Will Boost Your Productivity | dev.to | 2022-06-13

    Finally, if you're more concerned with easily configuring RBAC rather than viewing pretty diagrams, then Permission manager is a tool for you. See GIFs in GitHub repository for demonstration of what the tool can do.

  • headlamp

    A Kubernetes web UI that is fully-featured, user-friendly and extensible

    Project mention: Kubernetes Dashboards: Headlamp | dev.to | 2022-06-16

    Headlamp is an open source web UI for Kubernetes created by the team at Kinvolk, which was recently acquired by Microsoft. It’s a great-looking alternative to the built-in Kubernetes Dashboard. You can check out the GitHub repository here.

  • materio-mui-react-nextjs-admin-template-free

    Materio is the Most Powerful & Comprehensive free Next.js React admin template based on MUI !! 🚀

    Project mention: Next JS Admin Dashboard Template Free | dev.to | 2023-05-12

    Preview Download

  • saleor-dashboard

    A GraphQL-powered, single-page dashboard application for Saleor.

    Project mention: Migrate a Django App from Heroku to Render (and get it ready for prod) | dev.to | 2022-07-01

    With the API for our Django app scaffolded, we’re ready to define a frontend service to consume it. The Saleor platform deployed on Heroku includes the saleor-dashboard, so we’ll define this in our Blueprint next. It is a single-page Node.js dashboard app, defined in an app.json file for Heroku deployment, and uses Heroku’s static buildpack. When we migrate saleor-dashboard to Render, we’ll use Render’s static environment. This component of our infrastructure will run for free, since Static Sites are always free on Render, and Render will serve it over a global CDN with fully managed TLS certificates. Let’s add to our render.yaml.

  • salvia-kit

    Provides 9 Free Beautiful dashboard templates built with Tailwind CSS for React, Next.js, Svelte, Vue and Nuxt.js

  • tellery

    Tellery lets you build metrics using SQL and bring them to your team. As easy as using a document. As powerful as a data modeling tool.

  • stickyland

    Break the linear presentation of Jupyter Notebooks with sticky cells!

  • 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-06-07.

TypeScript Dashboard related posts


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

Project Stars
1 Grafana 55,727
2 ant-design-pro 34,327
3 ngx-admin 24,520
4 Directus 21,764
5 payload 10,638
6 gridstack.js 5,046
7 Vorlonjs 2,901
8 kui 2,525
9 sorry-cypress 2,414
10 homarr 2,283
11 karma 1,985
12 Your Spotify 1,603
13 dashdot 1,481
14 FUXA 1,475
15 kubevious 1,428
16 angular-gridster2 1,188
17 permission-manager 1,147
18 headlamp 1,022
19 materio-mui-react-nextjs-admin-template-free 847
20 saleor-dashboard 676
21 salvia-kit 401
22 tellery 349
23 stickyland 323
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.