ダッシュボードコンポーネント
レスポンシブ デザインと Tailwind CSS を使用したダーク モードをサポートするダッシュボード コンポーネント。
HTMLコード
<div class="bg-gray-100 dark:bg-gray-900 min-h-screen p-4 sm:p-8">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
</div>
</div>
</div>関連コンポーネント
ダッシュボードコンポーネント
ビジネスや企業のWebサイト向けに設計されたレトロなダッシュボードコンポーネントで、80年代/90年代の美学とモダンなレイアウトと配色を組み合わせています。レスポンシブでダークテーマをサポートし、統計のカード、ユーザープロファイルなどのインタラクティブな要素を備えています。
ダッシュボードコンポーネント
ポートフォリオの展示用に設計されたシンプルで応答性の高いダッシュボードコンポーネントで、マイクロインタラクションを使用し、アースカラーに焦点を当てています。Tailwind CSSを使用したダークテーマをサポートしています。
ソーシャルメディアダッシュボード
マイクロインタラクション、補色スキーム、適度な複雑さ、Tailwind CSSを使用したダークテーマのサポートを備えたレスポンシブソーシャルメディアダッシュボードコンポーネント。randomuser.me のアバターを含むユーザー プロファイルと、picsum.photos の画像を含むフィードが含まれます。