Open Source JavaScript Dashboard Software
Sort By:
JavaScript Dashboard Software
View 264 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.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
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. -
3
Grafana
Leading open-source visualization and observability platform
Grafana Open Source is a leading open-source visualization and observability platform that lets you query, visualize, alert on, and explore your data—regardless of where it’s stored. With support for 100+ data source plugins (such as Prometheus, Loki, Elasticsearch, InfluxDB, SQL/NoSQL databases, OpenTelemetry, and more), you can unify metrics, logs, traces, and other observability signals in one place. Grafana OSS empowers you to build dynamic, reusable dashboards with rich visualizations, template variables, interactive filtering, and cross-panel linking. Its Explore mode enables ad-hoc queries and side-by-side comparisons of time ranges, queries, and data sources. Grafana also includes built-in alerting, allowing you to define threshold-based rules and send notifications to external systems (e.g. Slack, PagerDuty, OpsGenie). Backed by a strong community and open governance, Grafana OSS is free to use, modify, and deploy under the AGPL-3.0 license. -
4
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. -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
5
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. -
6
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. -
7
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. -
8
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. -
9
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. -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
10
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. -
11
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. -
12
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. -
13
webpack-dashboard
A CLI dashboard for webpack dev server
A CLI dashboard for your webpack dev server. You can alternatively globally install the dashboard (e.g. npm install -g webpack-dashboard) for use with any project and everything should work the same. When choosing a custom port, you need to find one that is not already in use. You should not choose one that is being used by webpack-dev-server / devServer or any other process. Instead, pick one that is only for webpack-dashboard and pair that up in the plugin configuration and CLI port flag. We've standardized our local development process for webpack-dashboard on using yarn. We recommend using yarn 1.10.x+, as these versions include the integrity checksum. The checksum helps to verify the integrity of an installed package before its code is executed. We re-use a small handful of the fixtures from inspectpack so that you can work locally on the dashboard while simulating common node_modules dependency issues you might face in the wild. -
14
Material Kit 2
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js,etc.
Material Kit is a Free Bootstrap 5 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy-to-use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface, and movement. It uses a deliberate color choice, edge-to-edge imagery, and large-scale typography. The general layout resembles sheets of paper following multiple different layers so that the depth and order are obvious. The navigation stays mainly on the left and the actions on the right. This new design has elements that have been the result of research regarding ink and paper and the way objects and materials interact in real life. The result is a beautiful and consistent set of elements that can get you started with your next project. -
15
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. -
16
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. -
17
Dashing
Dashboard framework in Ruby and Coffeescript
Dashing is a Sinatra based framework that lets you build beautiful dashboards. Every new Dashing project comes with sample widgets & sample dashboards for you to explore. The directory is setup as follows. Assets, all your images, fonts, and js/coffeescript libraries. Uses Sprockets. Dashboards, one .erb file for each dashboard that contains the layout for the widgets. Jobs, your ruby jobs for fetching data (e.g for calling third party APIs like twitter). Lib, optional ruby files to help out your jobs. Public, static files that you want to serve. A good place for a favicon or a custom 404 page. Widgets, all the html/css/coffee for individual widgets. Widgets use batman bindings in order to update their contents. Whenever the data changes, the DOM will automatically reflect the changes. Dashing uses gridster.js to create a layout for your widgets. Each widget is part of an unordered list. -
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
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. -
21
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. -
22
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. -
23
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. -
24
Bitcoin Exchange Script
cryptocurrency exchange software for trading hundreds of digital asset
Bitcoin and altcoin software for buying and selling of cryptocurrency with support for local currencies. -
25
BlurAdmin
AngularJS Bootstrap admin panel framework
Blur admin is completely free and MIT licensed. That means you can do whatever you want with it. Initially we planned to sell it on template markets. But they rejected us several times. That's why we decided to make it open-source. And honestly, we have completely no regrets about it! And we suggest you to not waste your money and use our template instead of paid ones! Trust us, it's better than large number of them. Feature-based structure has proven itself as a good choice for large angular applications. We have put a lot of efforts and carefully selected each color and character for this template! Blur admin is Angular front-end Admin Dashboard template. That means all data you can see on graphs, charts tables is hardcoded in Javascript. You can use any backend you want with it without limitations.
