twblocks
Added
無料のオープンソースのWebサイトブロックは、簡単にコピーしてReactプロジェクトに貼り付けることができます。
これらのブロックの使用を開始する前に、プロジェクトにShadCNをインストールすることを強くお勧めします。インストールガイドはこちらを見つけることができますshadcnインストール✌️
ShadCNテーマを使用して、スタイリングをカスタマイズできます。
ダークモードとライトモードの両方で機能します。 ShadCn Dark Modeでさまざまなモードを切り替えて有効にする方法に関するインストールガイドを見つけることができます。
/ブロックに移動して、必要なブロックを見つけて、プロジェクトにコピー /貼り付けます。次に、どの依存関係がShadcn-uiであるかを確認し、それらをインストールします。
これが利用可能なブロックのリストです:
| タイプ | バージョンライト | バージョンダーク |
|---|---|---|
| ヘッダー | ![]() | ![]() |
| ヒーロー | ![]() | ![]() |
| ヒーロー | ![]() | ![]() |
| ヒーロー | ![]() | ![]() |
| ヒーロー | ![]() | ![]() |
| ヒーロー | ![]() | ![]() |
| ケース | ![]() | ![]() |
| ケース | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| 特徴 | ![]() | ![]() |
| CTAS | ![]() | ![]() |
| CTAS | ![]() | ![]() |
| 統計 | ![]() | ![]() |
| 統計 | ![]() | ![]() |
| 価格設定 | ![]() | ![]() |
| 価格設定 | ![]() | ![]() |
| FAQ | ![]() | ![]() |
| FAQ | ![]() | ![]() |
| ブログ | ![]() | ![]() |
| ブログ | ![]() | ![]() |
| 連絡先 | ![]() | ![]() |
| フッター | ![]() | ![]() |