About horizon-ui-chakra-ts

Horizon UI TypeScript is an open-source admin template built with Chakra UI and React, designed for creating modern dashboards and web applications. It features hundreds of UI elements, design blocks, and fully coded pages, helping developers save time by avoiding building dashboards from scratch. Key features include pre-built example pages for NFTs, authentication, profile settings, and more, available in basic and cover designs. The template integrates with React Tables V8 and includes a comprehensive component library with new additions regularly added. Horizon UI provides detailed documentation to guide developers through setup and usage. Installation requires NodeJS LTS, and the project can be cloned from GitHub and started with npm commands. A PRO version with additional features is also available, as well as a Figma design version. The template is ideal for developers looking to quickly build responsive, visually appealing admin panels and web apps.

h

Published by

horizon-ui

Visit View Profile

README.md

View on GitHub

Horizon UI TypeScript ⚡️

Get started and build your dream web app with Horizon UI, the most trendiest & innovative Open Source Admin Template for Chakra UI & React!

Introduction

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 webapps.

Save hundreds of hours trying to create and develop a dashboard from scratch. The fastest, most responsive & trendiest dashboard is here. Seriously.

With Horizon UI you will find many examples for pages like NFTs Pages, Authentication Pages, Profile and so on. Just choose between a Basic Design or a cover and you are good to go!

🎉 [NEW] React Tables V8

Horizon is also using the latest version of the React Tables (v8) library, you can access it by cloning the /feature/react-table-v8 branch!

🎉 [NEW] Horizon UI Components

All the main components from both versions, this will help you to see and interact with all & the latest added components of Horizon (also, new components are on the way, stay tuned)! ⚡️ See all components

Documentation

Each element is well presented in a very complex documentation. You can read more about the documentation here.

Quick Start

Install Horizon UI by running either of the following:

Install NodeJS LTS from NodeJs Official Page (NOTE: Product only works with LTS version)

Clone the repository with the following command:

git clone https://github.com/horizon-ui/horizon-ui-chakra-ts.git

Run in terminal this command:

npm install

Then run this command to start your local server

npm start

Example Pages

If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. View example pages here.

Versions

Free Version	PRO Version

Figma Version

Horizon UI is available in Figma format as well! Check it out on Figma Community! 🎨 See the Horizon UI Figma design files

Reporting Issues

We use GitHub Issues as the official bug tracker for the Horizon UI. Here are some advices for our users that want to report an issue:

Make sure that you are using the latest version of the Horizon UI Dashbaord. Check the CHANGELOG from your dashboard on our CHANGE LOG File.
Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Community

Connect with the community! Feel free to ask questions, report issues, and meet new people that already use Horizon UI!

💬 Join the #HorizonUI Discord Community!

Copyright and license

📄 Horizon UI License

horizon-ui-chakra-ts