Template Hero Pattern

人気の NextJS フレームワークに基づいた、React 用の素晴らしいアプリケーションテンプレート。ライト、ディム、ダークモード、4 つのメニューレイアウト、さまざまなメニューテーマ、サンプルアプリ、すぐに使えるテンプレートページ、30 の PrimeReact テーマを搭載しています。

Template Dashboard Image 1Template Dashboard Image 2
ベーシックライセンス

$59

非商用利用

単一エンド製品、複数利用不可

1年間の無料アップデート

拡張ライセンス

$590

商用利用

複数エンド製品

1年間の無料アップデート

ダウンロードパッケージは、ライブデモにデプロイされたすべてのアプリケーションソースコードを含む NextJS ベースのプロジェクトです。プロジェクトコードは TypeScript で記述されています。

をご覧ください 公式ドキュメント 詳細については。

特徴

01
01
01
ライト/ダーク/ディムモード

Diamond には、ライト、ディム、ダークの 3 つの表示モードから選択できます。

02
02
02
コンポーネントテーマ

Diamond は 30 の組み込みコンポーネントテーマを提供しており、独自のテーマの作成は、いくつかの sass 変数を定義するだけです。

03
03
03
7 つのメニュー方向

静的、オーバーレイ、スリム、コンパクト、水平、表示、ドロワーは、好みに応じて利用可能なメニューレイアウトです。

04
04
04
メニューテーマ

メインメニューの素晴らしいテーマオプション(明るいカラースキーム)。

Animation Feature Image

>npm install または yarn

>npm run dev または yarn dev



設定不要の React アプリ

Diamond は Next.js によって駆動され、ベストプラクティスに従ってすぐに使い始めることができます。テンプレートは TypeScript を使用した純粋な React で実装されています。

01
01
01
PrimeFlex CSS ユーティリティ

PrimeFlex は、グリッドシステム、フレックスボックス、スペーシング、エレベーションなど、さまざまなヘルパーを備えた CSS ユーティリティライブラリです。

02
02
02
PrimeBlocks

PrimeBlocks と完全に互換性があり、幅広いブロックから選択して、好きなようにカスタマイズできます。PrimeBlocks はテンプレートには含まれておらず、別途購入する必要があることに注意してください。

03
03
03
PrimeIcons

Diamond には、アプリケーション用の幅広いアイコンを含む PrimeTek の最新のアイコンライブラリである PrimeIcons が付属しています。

04
04
04
Figma ファイル

Diamond はデザインツールとして Figma を使用しています。購入後、Figma ファイルをダウンロードできます。することができます Figma ファイルをプレビューする 購入前に。PrimeReact UI コンポーネントは、Figma 用 PrimeOne でのみ利用できるため、Diamond Figma ファイルから除外されていることに注意してください。

Animation Feature Image
Fully Responsive

完全レスポンシブ

Diamond は、幅広いデバイスで最適な表示とインタラクションエクスペリエンスを提供するように設計されています。

Cross Browser Compatible

クロスブラウザ対応

Firefox、Safari、Chrome、Edge を完全にサポートしています。

Support

サポート

PrimeTek は、アカウント管理とライセンスの問題に関するサポートを提供しています。ユーザーは当社の製品を使用するために必要な技術的知識を持っていることを前提としており、技術サポートやコンサルティングは提供していません。ユーザーは、公開されている Discord とフォーラムを通じて、コミュニティで支援を求めることができます。

Customizable Design

カスタマイズ可能なデザイン

Sass と CSS 変数を組み合わせて完全にカスタマイズできます。

Ready to Use Pages

すぐに使えるページ

ランディング、ログイン、請求書、ヘルプ、ユーザー管理、エラーページは、アプリの構築を始めるためのテンプレートページとして提供されています。

Mobile Experience

モバイルエクスペリエンス

レスポンシブデザインにより、タッチ操作に最適化されたモバイルエクスペリエンスが強化されています。