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) Learn more →
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.
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.
-
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!
-
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-07Maybee 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!
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.
-
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
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)
-
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
-
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)
Homarr - Just a dashboard / landing page to link to the real actual apps
-
-
Other than the usual plex + *arr + overseerr, your_spotify is fairly well family/girlfriend approved in my experience
-
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.
-
Project mention: Is it possible to fully customize a PLC interface like a mobile app? | /r/PLC | 2023-06-05
-
-
-
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-13Finally, 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 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 !! 🚀
Preview Download
-
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.
-
-
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
- Ask HN: Headless CMS Recommendation?
- Cypress E2E test automation breaks open-source integration for “security”
- [AskJS] What kind of CMS you are using and why?
- What approach to take?
-
homarr VS web-portal - a user suggested alternative
2 projects | 16 May 2023
- $65M for Obsevability
- Heimdall alternatives
-
A note from our sponsor - Klotho
klo.dev | 10 Jun 2023
Index
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.
www.influxdata.com