3列から1列3行のレイアウト
3列2行から2列3行のレイアウト
画面サイズに収まるように折り返すレイアウト
グリッドレイアウト
段組みレイアウト
sticky レイアウト
項目が右寄り
項目が中央寄り
ロゴを中央に配置
背景にオーバーレイ
左から出現
上から出現
下から出現
中央から出現
上から下へ表示
右から左へ表示
下から上へ表示
左から右へ表示
中央から表示
一階層ドロップダウン(ボタン)
一階層ドロップダウン(ホバー)
多階層ドロップダウン
サイドに固定
多階層ドロップダウン(レスポンシブ)
ナビメニューインジケーター
途中でナビの高さが半分
画面上部にスクロールするボタン
ダークモードとライトモード
アコーディオン(縦・複数開閉)
アコーディオン(縦・単数開閉)
アコーディオン(横)
アコーディオン(JavaScript使用)
タブ(縦)
タブ(横)
タブ(JavaScript使用)
アラート
マップ
ツールチップ
トースト
モーダルウィンドウ(画像)
モーダルウィンドウ(テキスト・ボタン)
スライダー(ナビゲーション・ページネーション)
スライダー(レスポンシブ)
スライダー(ギャラリー)
スライダー(ギャラリー2段)
装飾(ヘッダーデザイン)
ホバーエフェクト
ローディング(左から幕が開く)
ローディング(中央から幕が開く)
ローディング(中央に円形で閉じる)
スクロールテキスト
スクロールテキスト(途中で色が変化する)
背景に画像を使用する
アニメーション