How to use

使い方はかんたん、
3ステップ。

選ぶ・変える・コピーする。それだけで、きれいなデザインが手に入ります。コードの知識はいりません。

サイドバーのカテゴリか、上部の検索から使いたいデザインを探します。全1015パーツを横断できる検索も便利です。気になるカードをクリックすると、そのカテゴリの一覧が開きます。

各パーツの下にあるコントロールで、色・角丸・文字サイズ・速さなどをその場で変更。スライダーを動かすと、上のプレビューにすぐ反映されます。コードの知識はいりません。

「コードを見る」で調整後のHTMLを表示してコピー、そのまま自分のサイトに貼り付け。または「プロンプトをコピー」でAIに渡す文章を取得できます（次の項目で解説）。

For non-coders

コードが苦手なら「プロンプト」でAIにお任せ

「プロンプトをコピー」を押すと、いまの見た目を再現するための日本語の指示＋コードがまとめてコピーされます。

コピー＆貼り付けだけで完結します。HTMLを触る必要はありません。

Handy features

ヘッダー右上の「キーカラー」を変えると、全パーツの主役色がまとめて切り替わります。サイト全体のトーンを先に決められます。

ヘッダーの検索は全1015パーツを横断。名前やキーワードを入れると候補が出て、クリックでそのパーツへ移動できます。

各パーツの★を押すと「お気に入り」に追加。よく使うデザインをまとめておけば、あとからすぐ呼び出せます。

FAQ

作ったコードは商用サイトに使えますか？

はい、使えます。生成されるHTML/CSSは自由に使えます。登録も不要です。

コピーしたコードはそのまま動きますか？

はい。各パーツのコードはスタイルを埋め込んだ自己完結型なので、WordPress・Wix・素のHTMLなど、どこに貼ってもそのまま表示されます。

プログラミングの知識がなくても使えますか？

使えます。色や形はスライダーやピッカーで調整でき、あとはコピペするだけ。難しければ「プロンプトをコピー」してAIに丸ごとお任せもできます。

お気に入りや調整した色は保存されますか？

お気に入り（★）とキーカラーはお使いのブラウザに保存され、ページを移動しても保たれます。個々のパーツの調整値は、そのページを開いている間だけ保持されます。

全1015パーツから、ぴったりのデザインを見つけてください。