Horizon UI - Open-Source React Template
Tags: webdev, react, chakraui, opensource
Published: 2022-04-20 18:17:51

---
title: Horizon UI - Open-Source React Template
published: true
description: Get started and build your dream web app with Horizon UI, the trendiest & innovative Open Source Admin Template for Chakra UI & React
tags: webdev, react, chakraui, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jl1kyfugkokyr6nwrb0k.jpg
canonical_url: https://www.admin-dashboards.com/horizon-ui-open-source-react-chakra-ui/
---
Hello Coders!

This article presents an [Open-Source React Dashboard](https://www.admin-dashboards.com/react-dashboards-curated-open-source-apps/) template crafted and released for free by `Simmmple`. **Horizon UI** is a pixel-perfect design that provides  70+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. For newcomers, **React** is a leading JS library for coding interactive user interfaces baked by `Facebook`.

---

> `Thanks for reading!` Content provided by [Admin Dashboards](https://www.admin-dashboards.com)

- 👉 [Horizon UI](https://horizon-ui.com/horizon-ui-chakra/#/admin/default) - LIVE Demo
- 👉 [Horizon UI](https://horizon-ui.com/#/) - Product page
- 🎁 [Source Code](https://github.com/horizon-ui/horizon-ui-chakra) - published on Github (MIT License)

---

![Horizon UI (React and Chakra UI ) - Dark Mode.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c4tyqs1aa516lr9unfuz.png)

---

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.

**Horizon UI** is built to save a lot of time going from prototyping to full-functional code due to pages categories like NFTs page, Dashboard, Kanban, and so on. Horizon UI is also coming with prebuilt design cards, so the development process is seamless; switching from code to the real website or web app is very easy to be done.

---

## ✨ Product Features

- ✔️ Open-Source, MIT License
- ✔️ Styled with Chakra-UI
- ✔️ Light/Dark Mode
️- ✔️ UI Kit: 70+ Components, 8 pages
- ✔️ RTL Support

**Sample 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.

---

![Horizon UI (React and Chakra UI ) - NFT Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zvy2vhqadhs18hksa81y.png)

---

![Horizon UI (React and Chakra UI ) - Kanban Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ack0oer2w3iu11nar10.png)

---

![Horizon UI (React and Chakra UI ) - User Profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8in5cgpi8isr3rbmeq9y.png)

---

![Horizon UI (React and Chakra UI ) - Login Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rryuyakk5rh409tpms9a.png)

---

> `Thanks for reading!` For more resources, feel free to access:

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and [React](https://appseed.us/apps/react)
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products