SHITAJIパーツ
ボタンやリンクなど、Webサイト作成の最小単位の部品です。 気に入ったものの「コピー」を押すだけで、そのままStudioに⌘V（Windowsは Ctrl+V）で貼り付けられます（会員登録は不要です）。
ホバーで色が深くなります。
ホバーで塗りに反転します。
ホバーでわずかに明るくなります。
ホバーで少し透けます。
ホバーで持ち上がって影が濃くなります。
ホバーで背景色が変わります。
暗い背景の上で使うボタンです。ホバーで白塗りに反転します。
ホバーで沈み込むように影が消えます。
件数バッジ付きのボタンです。ホバーで色が深くなります。
ヒーロー等で使う大型サイズです。ホバーで色が深くなります。
コンパクトなサイズです。ホバーで背景色が変わります。
「戻る」等に使う形です。ホバーで背景色が変わります。
メールアイコン付きの塗りボタンです。ホバーで色が深くなります。
ホバーで色が変わります。
ホバーで色が変わります。
ホバーで下線が出ます。
テキストリンク型の「戻る」です。ホバーで色が変わります。
通常は下線なし、ホバーで色が変わります。
別タブで開くことを示すアイコン付きです。
資料等のダウンロード用アイコン付きです。
タップで発信できる電話番号表示です。
タップでメール作成が開くアドレス表示です。
「01」等の番号ラベル付きです。
ホバーで色が深くなります。
ホバーで背景色が変わります。
×アイコンの枠線ボタンです。
虫眼鏡アイコンの角丸ボタンです。
ハートアイコンの枠線ボタンです。
共有アイコンの丸ボタンです。
歯車アイコンの角丸枠線ボタンです。
ダウンロードアイコンの角丸ボタンです。
鉛筆アイコンの枠線ボタンです。
+アイコンの小さい丸ボタンです。
縦三点（⋮）アイコンの枠線ボタンです。
ラベル付きの1行入力欄です。
ラベル付きの複数行入力欄です。
ラベル付きの選択式入力です。
単一のチェック項目です。
3択のグループです。Studioの選択グループとして入ります。
フォームの送信ボタンです。
入力欄とアイコンボタンの組み合わせです。
クリックまたはドラッグ&ドロップで選択します。
ラベル付きの日付選択欄です。
メールアドレス入力と登録ボタンの組み合わせです。
ラベル付きのパスワード入力欄です。
利用規約・プライバシーポリシーへのリンク付きです。
クリックで開閉します。
アバター・名前をクリックすると開きます。
クリックで言語の選択肢が開きます。
クリックで並び替えの選択肢が開きます。
ベルアイコンをクリックすると通知一覧が開きます。
クリックで共有先のアイコンが開きます。
セレクトボックスのような見た目で開閉します。
控えめな文字リンクから開くメニューです。
複数列に分かれた大きめのメニューです。
クリックでチェック項目の選択肢が開きます。
クリックで開閉します。
複数のFAQ項目を並べた一覧です。クリックで開閉します。
質問部分を塗りつぶした見た目です。クリックで開閉します。
丸い番号アイコン付きです。クリックで開閉します。
枠線なしのシンプルな見た目です。クリックで開閉します。
開閉アイコンが左側にあります。クリックで開閉します。
質問の上にカテゴリタグが付きます。クリックで開閉します。
プラン名・価格の下に詳細を開閉できます。
開いた中身が箇条書きになっています。クリックで開閉します。
文字と余白を大きくした見た目です。クリックで開閉します。
クリックで開閉します。
ホバーでリンクの色が変わります。
ホバーでリンクの色が変わります。
ホバーで枠線の色が変わります。
ロゴ・リンク・お問い合わせボタンの組み合わせです。
縦並びのメニューです。選択中の項目は塗りで示します。
選択中のタブを白背景で示す見た目です。
見出し付きのリンクを列で並べた表示です。
丸型のアイコンリンクを横に並べた表示です。
スマホ画面下部に固定するタブ型ナビです。
ロゴ・検索窓・カートアイコンの組み合わせです。
ホバーでボタンが塗りに反転します。
画像が左、文章が右にあるカードです。
プラン名・価格・ボタンをまとめたカードです。
アバター・名前・役職をまとめたカードです。
引用文とお客様情報をまとめたカードです。
画像・商品名・価格・追加ボタンをまとめたカードです。
大きな数値と説明を組み合わせたカードです。
アイコン・見出し・説明文をまとめたカードです。
枠線なしのシンプルなカードです。
画像の下に「NEW」等のバッジが付くカードです。
画像・カテゴリタグ・日付・タイトル・抜粋文をまとめたカードです。
プラン名・価格に加え、チェック付きの機能一覧が付くカードです。
ファイル名・サイズ・ダウンロードボタンをまとめたカードです。
日付バッジ・タイトル・開催形式をまとめたカードです。
「NEW」等の小さな見出しラベルです。
削除ボタン付きのタグ表示です。
塗りつぶさない枠線だけのバッジです。
丸印付きの状態表示バッジです。
星アイコン付きのバッジです。
数字だけの丸いバッジです。
角が少し丸い四角形のバッジです。
複数のタグを横に並べた表示です。
削除ボタンなしの枠線タグです。
チェックアイコン付きの選択済み表示です。
差し替え前提の枠です。
丸型のプロフィール画像枠です。
画像プレースホルダーのグリッド表示です。
頭文字を表示するアバターです。
四角形のプロフィール画像枠です。
太めの枠線が付いたアバターです。
複数人のアバターと「+人数」の表示です。
1:1の正方形サイズの画像プレースホルダーです。
縦長サイズの画像プレースホルダーです。
画像の下に説明文が付いた表示です。
再生ボタン・再生時間バッジ付きの動画サムネイルです。
5段階中4の評価表示です。
実績・経歴の年表表示です。
「4.8 / 5.0」のような数値中心の評価表示です。
星評価とレビュー件数を組み合わせた表示です。
星の数ごとの割合を横棒で示す表示です。
「1,200+ 導入実績」のような大きな数値表示です。
複数の実績数値を横に並べた表示です。
横方向に並ぶ年表表示です。
受賞歴や認証マークをアイコンで並べた表示です。
数値・星・件数をまとめたカード表示です。
「導入企業」見出しとロゴ代わりの社名一覧です。
状態を伝えるアラート表示です。
進捗65%の状態表示です。
オン状態の見た目です。
データが無いときの案内表示です。
案内用のメッセージ表示です。
エラー・注意喚起用のメッセージ表示です。
3段階の手順のうち現在地を示します。
補足説明用の吹き出しです。
ボタン等の上に添える、下向きの矢印が付いたピル型の吹き出しです。
データ読み込み中を示す枠だけの表示です。
残り日数等を示すバッジです。
浮き上がるカード型の通知表示です。
申し込み等の完了を伝えるパネルです。
複数項目の稼働状況をまとめた一覧です。
割合を円グラフ状に示す表示です。
入力欄の下に出すエラーメッセージです。
Studioに貼り付けると自動で無限スクロールします。
ホバーで背景色が変わります。
丸い番号アイコン付きの手順一覧です。
チェックアイコン付きの特徴一覧です。
角丸アイコン付きの特徴一覧です。
会社概要等の項目名と内容を並べた一覧です。
開閉せず常に表示するQ&A一覧です。
Studioに貼り付けると自動で無限スクロールします。
項目を2列で並べた一覧です。
縦線付きの引用スタイルのレビュー一覧です。
画像・タイトル・日付を横並びにした行を複数並べた一覧です。
YouTube動画の埋め込みです。
Googleマップの埋め込みです。
Vimeo動画の埋め込みです。
Spotifyの楽曲プレーヤー埋め込みです。
Googleカレンダーの埋め込みです。
Apple Podcastsの番組埋め込みです。
幕がフェードアウトしながら、中央のロゴが拡大して現れます。公開後のページを開いた瞬間に一度だけ再生されます。
ロゴが消えたあと、幕が巻き上がるように消えます。公開後のページを開いた瞬間に一度だけ再生されます。
複数の色面が時間差でめくれるように開きます。公開後のページを開いた瞬間に一度だけ再生されます。
幕が横にスライドして開きます。公開後のページを開いた瞬間に一度だけ再生されます。
中央を覆う円が中心に向かって縮み、ページが現れます。公開後のページを開いた瞬間に一度だけ再生されます。