Horizon UI - Admin Dashboard Template & Components Library for Tailwind CSS React

Get started with the most popular open-source admin dashboard template & components library for Tailwind CSS and React JS.

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 with Tailwind CSS React.

Save hundreds of hours trying to create and develop a dashboard from scratch. The fastest, most responsive & trendiest admin dashboard template for Tailwind CSS React 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!

Components

Get started with the trendiest open-source Tailwind CSS React components.

Tailwind CSS React Docs

Learn how we used Tailwind and how to set up it in your amazing project.

Horizon Dashboard

Start your project with the most trendiest Tailwind CSS React admin template.

Installation - Free Version

Install Horizon UI Tailwind running 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-tailwind-react.git

Run in terminal this command:

npm install

Then run this command to start your local server

npm start

Installation - PRO Version

Horizon UI Tailwind React PRO is built with over 400+ frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using JS files and classes.

Improve your development process with a set of 50+ fully coded pages! Trendy page categories like NFTs pages and many more are available to save your time!

You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

The PRO Version of Horizon is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Install Horizon UI Tailwind PRO following then next steps:

Open in your code editor the archive you got after you
purchased Horizon UI PRO.

Run in terminal this command:

npm install

Then run this command to start your local server

npm start

A simple Tailwind CSS React component

Here is a small stats card sample code made with Horizon UI:

<button className="bg-brand-500 hover:bg-brand-600 active:bg-brand-700 dark:bg-brand-400 dark:hover:bg-brand-300 dark:active:bg-brand-200 rounded-xl px-5 py-3 text-base font-medium text-white transition duration-200 dark:text-white">
  Default
</button>

license