Horizon Pro - Chakra Ui Dashboard Template

Chakra Ui Dashboard Template designed for those who like modern UI elements and beautiful websites. Made of hundred of elements, designed blocks, and fully coded pages, Horizon UI is ready to help you create stunning websites and web apps.

chakra ui dashboard template

Chakra ui admin dashboard

Save hundreds of hours trying to create and develop a dashboard from scratch.

Chakra Ui Admin

Finance Dashboard

Car interface dashboard

Car Interface

Smart Home Dashboard

Smart Home

News Feed

Social News Feed

Application page

Application Pages

Course Dashboard

Course Dashboard


Light & Dark Mode

If you are looking for React dashboard template with responsive layout and supported light/dark mode, Horizon UI is the right choice. It's very easy to switch to dark mode even in less than 30 seconds.

Automated Workflow

Speed up your development process with modern tools. Start workflow with easy ways.

  1. git clone https://github.com/horizon-ui/horizon-ui-chakra.git
  2. Running npm install
  3. Running npm run start
  4. Yup that’s it !

Yes, I want this theme!

Template Features

Excellent features that are ready for build beautiful dashboards.

Chakra UI

We build react templates with latest version Chakra UI.

React Js

Built with the latest version of React js and React Dom.

Powerful Plugins

Included alpine js, plugins and custom js for make your site more attractive.

Well documented

Components, plugins, and build tools are all thoroughly documented with live examples.

Fast Loading Time

We uses lightweight plugins and components to optimize loading speed.

Light and dark mode

Very easy to switch from light to dark mode version.

Adapted from Real Dashboard

Demo dashboard is adapted from research on various real dashboards.

Modern icons

We uses lightweight svg and font icons icons to optimize loading speed.

Code Quality

Code is well structured and marked with clear comments.

Mobile Responsive

Responsive accessible from a variety of mobile devices with the best appearance.

Apex Chart js

We use Apex Chart vendor to display chart data on in template.

Horizon Pro (Ts) Detail Information

Last update

November 2022




React Dashboard


React Typescript & Cakra UI

Include files

html, css, js, figma, npm tools, docs