Chakra UI と React 用の最もトレンディで革新的なオープンソース管理者テンプレートである Horizon UI を使用して、夢の Web アプリを構築しましょう。
モダンな UI 要素と美しい Web サイトを好む人向けに設計されています。 Horizon UI は、何百もの要素、デザインされたブロック、完全にコード化されたページで構成されており、魅力的な Web サイトや Web アプリの作成を支援します。
ダッシュボードを最初から作成して開発する手間を何百時間も節約できます。最速、最も応答性が高く、最もトレンディーなダッシュボードがここにあります。真剣に。
Horizon UI を使用すると、NFT ページ、認証ページ、プロフィールなどのページの例が多数見つかります。ベーシックデザインかカバーを選ぶだけで準備完了です。
両方のバージョンのすべての主要コンポーネント。これは、Horizon のすべてのコンポーネントと最新の追加コンポーネントを確認して操作するのに役立ちます (また、新しいコンポーネントも準備中です。ご期待ください)。 ⚡️ すべてのコンポーネントを表示
各要素は、非常に複雑なドキュメントで適切に説明されています。ドキュメントの詳細については、こちらをご覧ください。
次のいずれかを実行して、Horizon UI をインストールします。
NodeJs 公式ページから NodeJS LTS をインストールします (注: 製品は LTS バージョンでのみ動作します)
次のコマンドを使用してリポジトリのクローンを作成します。
git クローン https://github.com/horizon-ui/horizon-ui-chakra.git
ターミナルで次のコマンドを実行します。
npmインストール
次に、このコマンドを実行してローカルサーバーを起動します
npmスタート
インスピレーションを得たい場合、またはクライアントに直接何かを見せたい場合は、事前に構築されたサンプル ページを使用して開発をすぐに始めることができます。 Web プロジェクトの基本構造をすばやくセットアップできるようになります。ここでサンプルページをご覧ください。
無料版 | プロ版 |
---|---|
Horizon UI は Figma 形式でも利用できます。 Figmaコミュニティでチェックしてください! ? Horizon UI Figma デザイン ファイルを参照してください。
Horizon UI の公式バグ トラッカーとして GitHub Issues を使用しています。問題を報告したいユーザーへのアドバイスは次のとおりです。
Horizon UI Dashbaord の最新バージョンを使用していることを確認してください。ダッシュボードの CHANGE LOG ファイルで CHANGELOG を確認してください。
問題に対する再現可能な手順を提供していただくと、問題の修正にかかる時間が短縮されます。
一部の問題はブラウザーに固有である可能性があるため、どのブラウザーで問題が発生したかを指定すると役立つ場合があります。
コミュニティとつながりましょう!お気軽に質問したり、問題を報告したり、すでに Horizon UI を使用している新しい人々と出会ったりしてください。
#HorizonUI Discord コミュニティに参加してください!
️ Copyright 2023 Simmple
Horizon UI ライセンス