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

Demo
Car interface dashboard

Car Interface

Demo
Smart Home Dashboard

Smart Home

Demo
News Feed

Social News Feed

Demo
Application page

Application Pages

Demo
Course Dashboard

Course Dashboard

Demo

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

Version

1.2.1

Category

React Dashboard

Framework

React Typescript & Cakra UI

Include files

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