ページネーション（ページ送り）のデザインサンプル集です。
実装コード（HTML / CSS / JAVASCRIPT）は各詳細ページで確認・コピーできます。
各デザインは HTML・CSS・JSコードプレビューツール にて実装確認ができます。
ページネーションとは？
ページネーションは、記事一覧や検索結果のように件数の多いコンテンツを複数ページへ分割し、その間を行き来させるUI要素です。
1ページあたりの表示件数を抑えられるため読み込みが軽くなり、いま何ページ目にいるのかを利用者へ示せます。
01 シンプル｜Simple
02 丸型｜Circle
03 ミニマル｜Minimal
04 グラデーション｜Gradient
05 ボーダー｜Outline
06 ダーク｜Dark
07 ピル｜Pill
08 セグメント｜Segmented
09 ニューモーフィズム｜Neumorphism
10 ガラスモーフィズム｜Glassmorphism
11 ネオン｜Neon
12 ブルータリズム｜Brutalism
13 和風｜Japanese
14 3D立体｜3D Effect
15 シェブロン｜Chevron
本サイトで公開しているUIデザイン一覧
-
ページネーションのデザイン15種｜コピペで実装できるコード付き
-
ハンバーガーメニューのデザイン18種｜コピペで実装できるコード付き
-
アラート（ダイアログ）のデザイン33種｜コピペで実装できるコード付き
-
ポップアップウィンドウのデザイン33種｜コピペで実装できるコード付き
-
モーダルウィンドウのデザイン33種｜コピペで実装できるコード付き
-
アコーディオンのデザイン33種｜コピペで実装できるコード付き
-
タブメニューのデザイン33種｜コピペで実装できるコード付き
-
Webデザイン・UIコンポーネント集（HTML/CSS/JS）
