Open Source JavaScript Dashboard Software
Sort By:
JavaScript Dashboard Software
View 277 business solutionsBrowse free open source JavaScript Dashboard Software and projects below. Use the toggles on the left to filter open source JavaScript Dashboard Software by OS, license, language, programming language, and project status.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
AdminLTE
Free admin dashboard template based on Bootstrap 4
AdminLTE is a fully responsive administration template. Based on Bootstrap 4.6 framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. AdminLTE.io just opened a new premium templates page. Handpicked to ensure the best quality and the most affordable prices. AdminLTE has been carefully coded with clear comments in all of its JS, SCSS and HTML files. SCSS has been used to increase code customizability. Best open source admin dashboard & control panel theme. Built on top of Bootstrap, AdminLTE provides a range of responsive, reusable, and commonly used components. Mobile first design. Fits many resolutions, from large desktops to small mobile devices. Support for printing any page. The invoice page makes a perfect example. Choose a skin that matches your branding or edit the LESS variables to create your own. -
2
Grafana
Leading open-source visualization and observability platform
Grafana OSS is the leading open-source platform for visualization and observability. It enables teams to query, visualize, alert on, and explore telemetry data from multiple sources in a single interface. With support for 100+ data source plugins—including Prometheus, Loki, Elasticsearch, InfluxDB, SQL/NoSQL databases, and OpenTelemetry—Grafana helps teams correlate metrics, logs, and traces across applications and infrastructure. Users can build interactive dashboards with rich visualizations, template variables, and reusable panels to monitor systems and troubleshoot issues in real time. Grafana includes capabilities such as ad hoc data exploration, alerting, annotations, and flexible query support. Its extensible plugin ecosystem integrates with cloud platforms, databases, and developer tools—allowing teams to build observability workflows without vendor lock-in. The easiest way to get started with Grafana is with Grafana Cloud, our fully managed, full-stack observability platform. -
3
tabler
Tabler is free and open-source HTML Dashboard UI Kit
Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS (and some Liquid) knowledge, as a reward, you'll be able to manage and visualise different types of data in the easiest possible way! With the support for mobile, tablet and desktop displays, it doesn’t matter what device you’re using. Tabler is responsive in all major browsers. -
4
Strapi
API creation made simple, secure and fast
Strapi is the most advanced open-source headless CMS for creating powerful and customizable APIs with no effort. Built with 100% JavaScript, Strapi lets you easily create self-hosted, customizable, and performant content APIs. Strapi projects can be hosted on any platform of your choice, and you can work with any database you prefer. All your favorite dev tools-- from static site generators and databases to hosting platforms work with Strapi, so you're never locked in. Strapi is designed to be developer-first, with powerful features that allow you to create a flexible data structure in just minutes. Strapi also makes it easy for editors to manage their content and distribute it anywhere. With Strapi, you always have full control of your data. -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
5
AdminKit
AdminKit is a free & open-source HTML dashboard & admin template
A professional Admin & Dashboard template based on Bootstrap 5 that comes with hundreds of UI components, forms, tables, charts, pages and icons. AdminKit does not require jQuery and neither does one of the 3rd party libraries AdminKit is using. Customizable: You don't need to be an expert to customize AdminKit. Our code is very readable and well documented. With mobile, tablet & desktop support it doesn't matter what device you're using. AdminKit is responsive in all browsers. Our themes are working perfectly with Chrome, Firefox, Safari, Opera, and Edge. We're working hard to support them. We strictly follow Bootstrap's guidelines to make your integration as easy as possible. All code is handwritten. AdminKit, and all third-party libraries used in the admin template, do not require jQuery as a dependency. From time to time you'll receive an update containing new components, improvements, and bugfixes. -
6
Redash
Connect to any data source, easily visualize and share your data
Redash is an essential tool to help you make sense of your data. It allows everyone, regardless of level of technical know-how to harness the power of data. SQL users connect, query, visualize and share data easily and efficiently, allowing everyone in their organization to use the data. Redash combines the power and comfort of an SQL client with the collaborative benefits of a cloud-based service. It lets you create big, beautiful and easy to digest visualizations on dashboards for better decision-making. Redash supports a multitude of SQL and NoSQL data sources, and can be extended to support even more. Best of all it’s open source, so you can customize and add features to suit your organization’s needs perfectly. -
7
gentelella
Free Bootstrap 4 Admin dashboard template
Gentelella Admin is a free-to-use Bootstrap admin template. This template uses the default Bootstrap 4 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards. The theme uses several libraries for charts, calendar, form validation, wizard-style interface, off-canvas navigation menu, text forms, date range, upload area, form autocomplete, range slider, progress bars, notifications, and much more. We would love to see how you use this awesome admin template. You can notify us about your site, app or service by tweeting to @colorlib. Once the list grows long enough we will write a post similar to this to showcase the best examples. Our goal is to make it installable on different Package Manager! To contribute, please ensure that you have stable Node.js and npm installed. -
8
CoreUI Free Bootstrap Admin Template
Free Bootstrap 5 admin & dashboard template
CoreUI Admin Panel is not another blend of 3rd parties free components and libraries. It's the only Open Source Bootstrap Admin Dashboard Template built on the enterprise-grade hand-crafted UI Components Library created and backed by professionals. Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Bootstrap Admin Template is delivered with a ready-to-use environment, so you don't have to waste time configuring the project. All build scripts and tools are ready to use out of the box. With CoreUI Template you can start a new project in a minute! CoreUI Bootstrap Admin Panel is 100% compatible with Bootstrap 5, so if you are familiar with Bootstrap but you demand something more than it provides, then CoreUI Bootstrap Admin Panel is an answer. On the other hand, if you’re happy to stay with Bootstrap, our admin template goes in hand. -
9
Material Kit - React
React Dashboard made with Material UI’s components
Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process! React Dashboard made with Material UI’s components. Our pro template contains features like the TypeScript version, an authentication system with Firebase and Auth0 plus many others. Create secure, seamless user experiences with Zalter Passwordless Authentication. We also have a pro version of this product which bundles even more pages and components if you want to save more time and design efforts. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
10
Mozaik
Easily craft beautiful dashboards
Mozaïk dashboards support multiple devices through the adaptive layout. You can either put your dashboard on a big screen in the open space, or consult it on your smartphone. Mozaïk dashboard comes with 6 themes and makes it easy to develop your own theme. Mozaïk widgets are maintained as separate modules, thus available via mozaik-ext in npm.js. Mozaïk provides a simple way to define your dashboard layout using a grid system. Most extensions need to communicate with APIs. Mozaïk eases this by providing a backend, which handles API calls and pushes data to widgets through websockets. Sometimes, a single dashboard is not enough. Mozaïk allows multiple dashboards with a smooth transition. -
11
AntD Admin
An excellent front-end solution for enterprise applications
An excellent front-end solution for enterprise applications. Internationalization, extracting translation fields from source code, loading language packs on demand. Dynamic permissions, different permissions for different menus. Elegant and beautiful, Ant Design system. Mock data, local data debugging. -
12
Mazer Dashboard
Free and Open-source Bootstrap 5 admin dashboard template
Free Bootstrap 5 admin dashboard template. Fresh and elegant-looking admin template that you can use both personal and commercial use. Mazer is an Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency. Download zip or clone the repository with cli. You can customize the template with only custom the scss file. Every component has its own scss files. Go ahead to the scss file and edit. -
13
ModularAdmin
Free Dashboard Theme Built On Bootstrap 4 | HTML Version
ModularAdmin is an open source dashboard theme built in a modular way. That makes it easy to scale, modify and maintain. We use SASS as CSS preprocessor language. Main variables are defined in the src/_variables.scss folder. For making life easier we broke down styles into components, and on build we're just merging all .scss files together and processing it to the dist/css/app.css file. There are also different theme variations located in src/_themes/ folder, where you can change the main variables to get different themes. There are a few predefined themes built-in. You can add new themes by adding a new file in src/_themes/ folder. We separate the application's scripts across its components. For simplicity we use ES5 in this version, and just wrap each component's script in jQuery $(function() { }). JS configurations are defined in the src/config.js file. On build, application script files are merged together and copied to the dist/js/app.js folder. -
14
Stisla
Free Bootstrap Admin Template
Stisla will help you to speed up your project, and design your own dashboard UI and the users will love it. Integrated with 30+ third-party libraries and has many components, you will easily to create a dashboard layout. Don't worry about the gadget you have. Stisla is very suitable for every platform. Written with HTML5 and CSS3 and supported by most modern browsers. We provide some javascript APIs to interact with some components more easily. All HTML pages are free of errors, because they have been verified by W3C. Based on Bootstrap 4, one of the popular flexbox frameworks. We don't want to talk much about this template, try it yourself and don't say anything. Your idea has other things that need to be prioritized, don't waste your time only on the dashboard design. Stisla will speed up your project to design a clean dashboard interface. Some components have JavaScript APIs to interact with. -
15
React Dashboard
Isomorphic admin dashboard template
Built with React, Bootstrap, React Router, Redux and GraphQL based on Create React App and latest industry best practices. This seed project is a sort of a free version of a template that may be found on Themeforest or Wrapbootstrap with working backend integration. You may use it to bootstrap the development of your next web app. You can open your web app in a browser, on mobile devices and start hacking. Whenever you modify any of the source files inside the /src folder, the module bundler (Webpack) will recompile the app on the fly and refresh all the connected browsers. React is a declarative, efficient, and flexible JavaScript library for building user interfaces. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. -
16
Vali Admin
Free Bootstrap 4 admin/dashboard template
Vali is a free, modular and easy-to-customize admin theme built using Bootstrap 4, SASS and Pug.js. Includes seven pre-built pages including login, user profile, and print-friendly invoice page. Run a npm install command in the project root directory to install and build dependencies. If you don't want to edit the theme you can use the compiled files inside the docs folder. Use npm run dev command to watch and compile source files. Use npm run build command to compile all source files. Use npm run start command to start a development server using NodeJs. Vali is a responsive and free admin theme built with Bootstrap 4, SASS, and PUG.js. It's fully customizable and modular. You don't need to add the code, you will not use it. Vali is a lightweight yet expendable and good-looking theme. The theme has all the features required in a dashboard theme but these features are built like a plug and play modules. -
17
vue-element-admin
A magical vue admin
vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on value and uses the UI Toolkit element-ui. vue-element-admin is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you. You need to install node and git locally. The project is based on ES2015+, vue, vuex, vue-router, vue-cli, axios and element-ui, all requested data is simulated using Mock.js. Understanding and learning this knowledge in advance will greatly help the use of this project. This project integrates a lot of features that you may not use, it will cause a lot of code redundancy. If your project does not pay attention to this issue, you can also directly develop it based on it. Otherwise, you can use vue-admin-template. -
18
Dashy
A self-hostable personal dashboard built for you
Dashy is an open-source, highly customizable, easy-to-use, privacy-respecting dashboard app. With tons of built-in themes to choose form, plus a UI color palette editor, you can have a unique-looking dashboard in no time. There is also support for custom CSS, and since all properties use CSS variables, it is easy to override. Dashy can auto-fetch icons from the favicon of each of your apps/ services. There is also native support for Font Awesome, Material Design Icons, emoji icons and of course normal images. Get an instant overview of the health of each of your apps with status indicators. Once enabled, a small dot next to each app will show weather it is up and online, with more info like response time visible on hover. Need to protect your dashboard, the simple auth feature is super quick to enable, and has support for multiple users with granular controls. Dashy also has built-in support for Keycloak and other SSO providers. -
19
Halfmoon
Front-end framework with a built-in dark mode
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools. Halfmoon is a responsive front-end framework that is great for building dashboards and tools. Built-in dark mode, full customizability using CSS variables (around 1,500 variables), optional JavaScript library (no jQuery), Bootstrap-like classes, and cross-browser compatibility (including IE11). Halfmoon comes with a built-in, toggleable dark mode, which is one of its most important and defining features. The framework is built entirely using CSS variables (also known as CSS custom properties). There are close to 1,500 CSS variables, which means that almost everything can be customized by overriding a property, making it very easy to theme Halfmoon to fit your brand. Learn more about customization. The components have a very standard look and feel to them, making them suitable for dashboards and tools. -
20
StartBootstrap SB Admin 2
A free, open source, Bootstrap admin theme created by Start Bootstrap
SB Admin 2 is a free admin dashboard template built on top of Bootstrap that showcases a polished, responsive UI for internal tools and control panels. It provides a curated set of components—navigation bars, sidebars, cards, forms, modals, alerts, and tables—styled consistently with utility classes and SCSS sources. The template includes ready-to-use example pages such as login/register, 404/blank pages, and basic dashboard layouts to shorten the bootstrapping phase. Charts, data tables, and icons are wired in with common libraries so teams can drop in KPIs, lists, and summaries without designing from scratch. A gulp-based (or similar) build setup compiles and minifies assets, enabling easy customization of color palettes, fonts, and spacing tokens. Because the codebase follows Bootstrap conventions, developers can extend it naturally as requirements evolve from prototype to production. -
21
Angular Material Dashboard
Angular admin dashboard with material design
Angular admin dashboard with material design. Responsive Angular admin dashboard with material design based on Angular Material. AngularJS, Angular UI Router, Angular Material, Sass styles, Gulp build, Stylish, clean, responsive layout with original design, and BrowserSync for the ease of development. Project structure based on gulp-angular yeoman generator. If you have any questions about the build or project structure please check out their documentation. Project structure based on gulp-angular yeoman generator. If you have any questions about the build or project structure please check out their documentation. -
22
Project Hestia
A grid-based, modular dashboard built entirely from HTML, CSS, and JS
Project Hestia is a powerful open-source backend framework and runtime that aims to simplify the development of scalable, distributed applications by providing a modular set of core services such as user authentication, permission enforcement, event streaming, and service orchestration. Built with modern application needs in mind, Hestia-Core abstracts common infrastructure concerns so developers can focus on business logic rather than boilerplate integration of third-party services. It supports microservices communication patterns, event-driven data flows, and pluggable components that make it adaptable to various workloads — from internal APIs to high-traffic public endpoints. The platform also includes abstractions for database connectivity, configuration management, and service discovery, making it easier to build fault-tolerant and observable systems. -
23
Smashing
Exceptionally handsome dashboard framework in Ruby and Coffeescript
Sinatra-based framework that lets you build excellent dashboards. Smashing is a Sinatra based framework that lets you build beautiful dashboards. This project is a fork of Dashing, an excellent framework created at Shopify for displaying custom dashboards on TVs around the office. Use premade widgets, or fully create your own with CSS, HTML, and coffeescript. Widgets harness the power of data bindings to keep things DRY and simple. Simple Ruby DSL for fetching data from databases or online resources. Drag & Drop interface for re-arranging your widgets. Host your dashboards on Heroku in less than 30 seconds. -
24
electron-webpack-dashboard
Electron Desktop GUI for Webpack Dashboard
The original webpack-dashboard, was fun and people seemed to like it. Unless they were on Windows, or used a weird terminal set up, or if they just wanted more. Making things work across a variety of different terminal environments is pretty rough. Also, a web GUI provides some unique UI possibilities that weren't there with the term display. The original dashboard felt like working at NASA. 50 years ago. I hope this dashboard feels like working at NASA today. Or at Westworld. Or like the beginning of Westworld at least. To receive a complete analysis of your bundle, including modules, assets, and problems, you will need to make sure your project is using Webpack Dashboard Plugin 1.0 or higher. Simply hit save on a project running webpack-dev-server, or run your build task that builds with webpack and providing you have configured your project as shown above, you should see the dashboard start to display data. -
25
just-dashboard
Dashboards using YAML or JSON files
Dashboards using YAML or JSON files. Create a public GitHub gist with a file named dashboard.yml or dashboard.json (depending on your preferred format) As your dashboard is just data, you can generate it instead of repeating yourself. You can do that by generating the YAML or JSON file yourself, or you can use jq queries in your YAML file. And one with a dashboard that contains a component that can fetch the data from other other gist and turn it into 3 different charts. Using the same principle, you can also loads parts from your dashboard from other files, or just JSON/CSV data for specific charts. Suppose you are only interested in comparing foods by how much they contain of a single macronutrient. However, you want to be able to decide which macronutrient.
