horizon-ui-chakra-ts - GitLite

KO | EN

gitlite — search

#hacktoberfest #llm #android #machine-learning #rust #deep-learning #linux #docker #java #awesome #cli #vue #awesome-list #open-source

horizon-ui-chakra-ts

(★ 441)

Horizon UI TypeScript | The trendiest & innovative Open Source Admin Template for Chakra UI & React!

파일 탐색기

최종 버전 다운로드 (.zip)

- settings.json
- favicon.ico
- index.html
- manifest.json
- robots.txt
- - SidebarContext.js
- - styles.ts
  - theme.tsx
- - hui-types.d.ts
  - images.d.ts
  - stylis.d.ts
- - charts.ts
- App.tsx
- index.tsx
- routes.tsx
.gitattributes
.gitignore
CHANGELOG.md
LICENSE
package.json
prettier.config.js
README.md
tsconfig.json

# 설치 가이드

1. 코드 내려받기

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

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd horizon-ui-chakra-ts

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [Horizon UI TypeScript ⚡️](https://horizon-ui.com/horizon-ui-chakra-ts) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https://horizon-ui.com/&text=Check%20Horizon%20UI,%20the%20trendiest%20open-source%20admin%20template%20for%20Chakra%20UI%20&%20React!)

![version](https://img.shields.io/badge/version-3.0.0-blue.svg)
![license](https://img.shields.io/badge/license-MIT-blue.svg)
[![GitHub issues open](https://img.shields.io/github/issues/horizon-ui/horizon-ui-chakra-ts.svg?maxAge=2592000)](https://github.com/horizon-ui/horizon-ui-chakra-ts/issues?q=is%3Aopen+is%3Aissue)

<p>&nbsp;</p>

[<img alt="Horizon UI TypeScript" src="https://i.ibb.co/KV6FDvK/introduction-image-ts.png" /> ](https://github.com/horizon-ui/horizon-ui-chakra-ts)

<p>&nbsp;</p>

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](https://github.com/horizon-ui/horizon-ui-chakra-ts/tree/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)! ⚡️
<a href="https://horizon-ui.com/components/?ref=readme-horizon-ts" target="_blank">See all components</a>

### Documentation

Each element is well presented in a very complex documentation. You can read
more about the <a href="https://horizon-ui.com/documentation/docs/introduction?ref=readme-horizon-ts" target="_blank">documentation
here.</a>

### Quick Start

Install Horizon UI by running either of the following:

- Install NodeJS LTS from
  [NodeJs Official Page](https://nodejs.org/en/?ref=horizon-documentation)
  (NOTE: Product only works with LTS version)

Clone the repository with the following command:

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

Run in terminal this command:

```bash
npm install
```

Then run this command to start your local server

```bash
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
<a href="https://horizon-ui.com/horizon-ui-chakra-ts/?ref=readme-horizon-ts" target="_blank">example
pages here.</a>

### Versions

| Free Version                                                                                                           | PRO Version                                                                                                                  |
| ---------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| [![Horizon UI](https://i.ibb.co/KV6FDvK/introduction-image-ts.png)](https://www.horizon-ui.com/?ref=readme-horizon-ts) | [![Horizon UI PRO](https://i.ibb.co/R6jFKRM/introduction-image-1.png)](https://www.horizon-ui.com/pro?ref=readme-horizon-ts) |

### Figma Version

Horizon UI is available in Figma format as well! Check it out on Figma
Community! 🎨
[See the Horizon UI Figma design files](https://bit.ly/horizon-figma)

### 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:

1. 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](https://github.com/horizon-ui/horizon-ui-chakra-ts/blob/main/CHANGELOG.md?ref=readme-horizon-ts).
2. Providing us reproducible steps for the issue will shorten the time it takes
   for it to be fixed.
3. 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!](https://discord.gg/f6tEKFBd4m)

### Copyright and license

⭐️ [Copyright 2022 Simmmple ](https://www.simmmple.com/?ref=readme-horizon-ts)

📄 [Horizon UI License](https://www.simmmple.com/licenses?ref=readme-horizon-ts)