Chakra UI 및 React를 위한 가장 트렌디하고 혁신적인 오픈 소스 관리 템플릿인 Horizon UI를 사용하여 시작하고 꿈의 웹 앱을 구축하세요!
현대적인 UI 요소와 아름다운 웹사이트를 좋아하는 사람들을 위해 디자인되었습니다. 수백 가지 요소, 디자인된 블록, 완전히 코딩된 페이지로 구성된 Horizon UI는 멋진 웹 사이트와 웹 앱을 만드는 데 도움을 줄 준비가 되어 있습니다.
처음부터 대시보드를 만들고 개발하는 데 수백 시간을 절약할 수 있습니다. 가장 빠르고 반응성이 뛰어나며 최신 유행을 선도하는 대시보드가 여기에 있습니다. 진지하게.
Horizon UI를 사용하면 NFT 페이지, 인증 페이지, 프로필 등과 같은 페이지에 대한 많은 예를 찾을 수 있습니다. 기본 디자인과 표지 중에서 선택하기만 하면 됩니다!
두 버전의 모든 주요 구성 요소는 Horizon의 모든 최신 추가 구성 요소를 보고 상호 작용하는 데 도움이 됩니다(또한 새로운 구성 요소가 곧 출시될 예정이니 계속 지켜봐 주시기 바랍니다)! ⚡️ 모든 구성품 보기
각 요소는 매우 복잡한 문서에 잘 표시되어 있습니다. 여기에서 문서에 대한 자세한 내용을 읽을 수 있습니다.
다음 중 하나를 실행하여 Horizon UI를 설치합니다.
NodeJs 공식 페이지에서 NodeJS LTS를 설치하세요. (참고: 제품은 LTS 버전에서만 작동합니다.)
다음 명령어를 사용하여 저장소를 복제합니다.
자식 클론 https://github.com/horizon-ui/horizon-ui-chakra.git
터미널에서 다음 명령을 실행하세요.
npm 설치
그런 다음 이 명령을 실행하여 로컬 서버를 시작하세요.
npm 시작
영감을 얻거나 고객에게 직접 무언가를 보여주고 싶다면 사전 구축된 예제 페이지를 사용하여 개발을 시작할 수 있습니다. 웹 프로젝트의 기본 구조를 빠르게 설정할 수 있습니다. 여기에서 예시 페이지를 확인하세요.
무료 버전 | 프로 버전 |
---|---|
Horizon UI는 Figma 형식으로도 제공됩니다! Figma 커뮤니티에서 확인해보세요! ? Horizon UI Figma 디자인 파일 보기
우리는 Horizon UI의 공식 버그 추적기로 GitHub Issues를 사용합니다. 다음은 문제를 보고하려는 사용자를 위한 몇 가지 조언입니다.
최신 버전의 Horizon UI 대시보드를 사용하고 있는지 확인하세요. 대시보드의 변경 로그 파일에서 변경 로그를 확인하세요.
문제에 대해 재현 가능한 단계를 제공하면 문제를 해결하는 데 걸리는 시간이 단축됩니다.
일부 문제는 브라우저별로 다를 수 있으므로 문제가 발생한 브라우저를 지정하면 도움이 될 수 있습니다.
커뮤니티와 연결하세요! 자유롭게 질문하고, 문제를 보고하고, 이미 Horizon UI를 사용하고 있는 새로운 사람들을 만나보세요!
#HorizonUI Discord 커뮤니티에 참여하세요!
️ 저작권 2023 Simmmple
Horizon UI 라이선스