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