<< パーツトップに戻る
パーツ選択（2026.4 更新）
1日のスケジュール用（list-schedule1）
デモでは幼稚園を想定した説明文になっていますが、内容は自由に書き換えて下さい。アイコンはFont Awesomeで入れ替えできます。
ビフォーアフター用（list-before-after1）
アイコン画像を先にDLし、demo-images-list-before-after1フォルダごとフレームフォルダ直下（imagesフォルダと同じ階層）に入れて下さい。
ビフォーアフター用（list-before-after2）
横並びのビフォーアフターの比較パーツです。
ビフォーアフター用（list-before-after3）
画像を主役にした横並びのビフォーアフターの比較パーツです。
ビフォーアフター用（list-before-after4）
吹き出しタイプのビフォーアフターパーツです。お客様の声やFaqに。
数字カウンター（list-counter1）
数字カウンター・実績掲載向けパーツ。
数字カウントアニメーション（effects-counter-up1）
数字実績のカウントアップアニメーション。
2カラム（ui-tools-c2-1）
section内で使う2カラムボックス。
CTAセクション（ui-tools-cta1）
CTA・ボタン誘導セクション用パーツ。
CTAセクション（ui-tools-cta2）
CTA・ボタン誘導セクション用パーツ。マウスオンで小さな円が拡大して背景色に。
Google Map・YouTube読み込み用（ui-tools-iframe1）
アスペクト比固定でGoogle MapをiFrameで埋め込む。YouTube動画にも。
SNSアイコンセット（ui-tools-sns1）
Font Awesomeを使用したSNSアイコンです。
masonry（ui-tools-masonary1）
サムネイルがレンガ状に隙間なく積み重なるレイアウト。特別な設定が必要なので、ご利用の際はこちらをお読み下さい。
sticky風・画像固定（ui-tools-fixed1）
セクションが終わるまで左側の画像ブロックが固定表示されます。ステップ案内などにも。
sticky風・画像固定（ui-tools-fixed2）
スクロール中、画像ブロックがフェードで入れ替わります。ステップ案内などにも。
sticky（ui-tools-sticky1）
セクションが終わるまで左側の見出しが固定表示されます。ステップ案内などに。
お知らせアラート用（ui-tools-alert1）
お知らせ向けのアラートボックス。
イメージマップ（ui-tools-imagemap1）
マップ画像を先にDLし、demo-images-ui-tools-imagemap1フォルダごとフレームフォルダ直下（imagesフォルダと同じ階層）に入れて下さい。地図の上の任意の場所にアイコンを重ねたタイプ。
カレンダー（ui-tools-calender1）
カレンダーです。カレンダーの設定はjsで、レイアウトはcssで調整。
サムネイルギャラリー（ui-tools-thumbnail-changer1）
複数のサムネイルが並んでいて、クリックすると、メイン画像が入れ替わります。静止画・動画に対応。
サムネイルギャラリー（ui-tools-thumbnail-changer2）
複数のサムネイルが並んでいて、クリックすると、メイン画像が入れ替わります。静止画・動画に対応。
サムネイルギャラリー（ui-tools-thumbnail-changer3）
複数のサムネイルが並んでいて、クリックすると、メイン画像が入れ替わります。静止画・動画に対応。
ステップ案内（ui-tools-step1）
ステップ案内ブロック用。
ステップ案内（ui-tools-step2）
ステップ案内ブロック用。
ステップ案内（ui-tools-step3）
ステップ案内ブロック用。
タブ切り替え（ui-tools-tab1）
タブ切り替えブロック。
告知用ポップアップ（ui-tools-popup1）
3秒後にポップアップ表示します。表示させるまでの秒数はjsで、レイアウトはcssで調整できます。
告知用ポップアップ（ui-tools-popup2）
3秒後にポップアップ表示します。表示させるまでの秒数はjsで、レイアウトはcssで調整できます。
告知用ポップアップ（ui-tools-popup3）
3秒後にポップアップ表示します。表示させるまでの秒数はjsで、レイアウトはcssで調整できます。
日本地図（ui-tools-map1）
日本地図。
汎用レイアウトセット（ui-tools-free1）
使いたいレイアウトだけ残して下さい。
沿革（ui-tools-timeline1）
タイムライン・沿革用パーツ。
簡易検索（ui-tools-search1）
javascriptを使った簡易検索。
開閉ブロック（ui-tools-openclose1）
FAQ用などに使える汎用的な開閉ブロック。
開閉ブロック（ui-tools-openclose2）
FAQ用などに使える汎用的な開閉ブロック。開閉でアイコンが入れ替わるタイプ。
開閉ブロック（ui-tools-openclose3）
FAQ専用の開閉ブロック。
プログレスバーアニメーション（ui-tools-progress1）
0%〜100%（または任意の%）までアニメーションでバーが伸びるタイプのプログレスバー。