Now UI Dashboard

Now UI Dashboard is a free Bootstrap 4 backend admin dashboard template distributed by ThemeWagon, created by Creative Tim and Invision, that provides a complete control panel with charts, tables, a user profile page, and a left-aligned navigation menu.

What is Now UI Dashboard?

Now UI Dashboard is a free, open-source Bootstrap 4 admin dashboard template that implements the Now UI Kit design system. It takes standard HTML5, CSS, SCSS, and JavaScript files as inputs and produces a responsive, mobile-friendly backend interface. The template is distributed by ThemeWagon, created by Creative Tim and Invision, and requires no server-side build step—you can open the included HTML files directly in a browser.

The package includes 8 HTML files covering dashboard pages, tables, typography, icons, Google Maps, user profile, notifications, and documentation. It bundles source SCSS files alongside compiled CSS, plus the Nucleo Icons font pack and uncompressed JavaScript files. The template relies on jQuery, Charts.js, Popper.js, Bootstrap 4, and Bootstrap Notify, and it includes a built-in Google Maps layout.

What makes Now UI Dashboard stand out?

• Left-aligned navigation menu — A fixed sidebar with 5 pre-defined color choices, letting you track different projects or sections.
• On-hover animated graphs — Charts.js-powered bars, lists, and charts that respond to hover events, ready for data visualization.
• User profile page — A dedicated, pre-built page for creating and maintaining user profiles within the dashboard.
• Built-in search box and dropdowns — Functional search input and dropdown menus, plus call-to-action buttons in the layout.
• Notification styles — Multiple notification options implemented via Bootstrap Notify, covering alerts and toasts.
• Google Maps scheme — An integrated map page, useful for location-aware dashboards or delivery tracking.
• 8 HTML files — Includes dashboard, tables, typography, icons, maps, profile, notifications, and documentation pages.
• SCSS and CSS included — Source stylesheets let you customize colors and layout without reverse-engineering compiled code.
• 100 handcrafted icons — Bundled in the Nucleo Icons fonts pack, adding a consistent icon set to the UI.
• Documentation page — A usage guide among the included pages, a rare find in free templates.

Who is Now UI Dashboard for?

• Web developers — To quickly bootstrap a backend dashboard or admin panel using pre-built HTML, SCSS, and JavaScript components.
• Startups and small teams — To set up an internal console, analytics view, or customer management interface with a free license that allows commercial use.
• Designers — To use as a reference implementation of the Now UI Kit, or to customize the SCSS and hand off a branded dashboard to developers.

What can you do with Now UI Dashboard?

• Build an admin control panel — Assemble the included HTML pages into a backend interface for managing users, content, or operational metrics.
• Customize the theme — Edit SCSS variables or switch between the 5 navigation menu colors to match your brand identity.
• Add data visualizations — Use the Charts.js graph examples with hover animations as a starting point for your own metrics.
• Set up a user profile system — Base account settings and profile management on the dedicated user profile page.

FAQ

Is Now UI Dashboard free?

Yes, it is free to download from ThemeWagon. The license permits open-source use and commercial projects, and includes lifetime free updates.

What technologies does Now UI Dashboard use?

It uses Bootstrap 4, jQuery, Charts.js, Popper.js, Bootstrap Notify, and Nucleo Icons. There is no build tool required—you can run the HTML files directly.

Does the template include documentation?

The package includes a documentation page that explains the file structure and customization options, which is uncommon for free templates.

Which browsers are compatible?

The template is listed as compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile devices.

What is included in the download package?

The package contains 8 HTML files, CSS files, SCSS files, demo images, the Nucleo Icons fonts pack, and uncompressed JavaScript files.