| # | Name | Description |
|---|---|---|
| 01 | Hub | 個人サイト向けリンクハブ |
| 02 | Namecard | デジタル名刺・プロフィールカード |
| 03 | Typing Hero | 開発者ポートフォリオ向けヒーロー |
| 04 | ASCII Hero | ハッカー風の開発者トップ |
| 05 | Command Palette | cmd+k風ポートフォリオナビ |
| 06 | Minimal Center | クリエイター向けミニマルトップ |
| 07 | Terminal (CRT) | レトロCRT風の開発者トップ |
| # | Name | Description |
|---|---|---|
| 01 | Portfolio Grid | クリエイター向けポートフォリオ |
| 02 | Agency | デジタルエージェンシーLP |
| 03 | SaaS Landing | SaaSプロダクト紹介LP |
| 04 | App Download | モバイルアプリ紹介LP |
| 05 | Coming Soon | カウントダウン付きローンチLP |
| 06 | Restaurant | レストラン・カフェ向けLP |
| 07 | Photography | フォトグラフィーポートフォリオ |
| 08 | Podcast | ポッドキャスト紹介LP |
| 09 | Startup | テックスタートアップLP |
| 10 | Event | イベント・カンファレンスLP |
| 11 | Bento Grid | SaaS・プロダクト紹介ダッシュボード |
| 12 | Editorial | メディア・マガジンサイト向け |
| 13 | Terminal Light | CLIツール・開発者プロダクト向け |
| 14 | Particles | スタートアップ・プロダクトLP |
| # | Name | Description |
|---|---|---|
| 01 | Checkout | ホスト型決済ページ |
| 02 | Payment Intent | カスタム決済フロー |
| 03 | Subscription | 定期課金 |
| 04 | Webhook | イベント通知 |
| 05 | Customer Portal | 顧客セルフサービス |
| 06 | Refund | 返金処理 |
| 07 | Invoice | 請求書 |
| 08 | Payment Links | 決済リンク |
| # | Name | Description |
|---|---|---|
| 01 | Pricing Table | SaaS向け料金プラン表 |
| 02 | Login Form | アニメーション付き認証フォーム |
| 03 | Dashboard | グラフ付き分析ダッシュボード |
| 04 | Toast Notification | トースト通知システム |
| 05 | Wizard Form | ステップ式入力フォーム |
| 06 | FAQ Accordion | FAQアコーディオン |
| 07 | Data Table | ソート・フィルタ付きテーブル |
| 08 | Testimonial Carousel | テスティモニアルスライダー |
| 09 | File Upload | ドラッグ&ドロップファイルアップロード |
| 10 | Calendar | カレンダーUI |
| 11 | Chat UI | チャットインターフェース |
| 12 | Settings Panel | 設定トグルパネル |
| 13 | Notification Center | 通知センター |
| 14 | Tabs Component | アニメーション付きタブ |
| 15 | Modal Dialog | モーダルダイアログ |
| 16 | Breadcrumb | パンくずナビゲーション |
| 17 | Pagination | ページネーション |
| 18 | Avatar Group | アバターグループ |
| 19 | Progress Bar | プログレスバー各種 |
| 20 | Badge & Chip | バッジ・チップコンポーネント |
| 21 | Dropdown Menu | ドロップダウンメニュー |
| 22 | Timeline | タイムラインコンポーネント |
| 23 | Stepper | ステップインジケーター |
| 24 | Rating Stars | 星レーティング |
| 25 | Color Picker | カラーピッカー |
| # | Name | Description |
|---|---|---|
| 01 | Scroll Reveal | スクロール連動アニメーション |
| 02 | Parallax | 多層パララックス効果 |
| 03 | Skeleton Loading | コンテンツプレースホルダー |
| 04 | Text Effects | テキストアニメーション集 |
| 05 | 3D Card | CSS 3D回転カード |
| 06 | Morphing Shapes | SVG/CSSモーフィング |
| 07 | Hover Gallery | ホバーエフェクトギャラリー |
| 08 | Flip Clock | フリップ時計 |
| 09 | Cursor Trail | カーソルトレイル |
| 10 | Marquee | 無限スクロールマーキー |
| 11 | Confetti | 紙吹雪エフェクト |
| 12 | Matrix Rain | マトリックスレイン |
| 13 | Loading Spinners | ローディングスピナー集 |
| 14 | Count Up | カウントアップアニメーション |
| 15 | Typewriter | タイプライターエフェクト |
| 16 | Gradient Wave | グラデーション波アニメーション |
| 17 | Particle System | Canvasパーティクルシステム |
| 18 | SVG Line Draw | SVGライン描画アニメーション |
| 19 | Scroll Progress | スクロール進捗インジケーター |
| 20 | Image Reveal | 画像リビールアニメーション |
| 21 | Stagger Grid | スタガーグリッドアニメーション |
| 22 | Liquid Button | リキッド・ボタンエフェクト集 |
| 23 | Orbit Animation | CSS軌道アニメーション |
| 24 | Wave Animation | 波アニメーション集 |
| # | Name | Description |
|---|---|---|
| 01 | Particles | 重力パーティクルシミュレーション |
| 02 | Fluid | GPU流体シミュレーション |
| 03 | Cloth | 布シミュレーション（Verlet積分） |
| 04 | Falling Sand | ピクセル砂箱（7素材+反応） |
| # | Name | Description |
|---|---|---|
| 01 | Fractal Explorer | Mandelbrot/Julia集合エクスプローラー |
| 02 | L-System Tree | L-Systemによる植物・フラクタル生成 |
| 03 | Shader Art | GLSLシェーダーアートギャラリー+エディタ |
| # | Name | Description |
|---|---|---|
| 01 | Sorting | 8種ソートアルゴリズム可視化 |
| 02 | Pathfinding | 経路探索アルゴリズム可視化 |
| 03 | Neural Network | 手書き数字認識デモ |
| # | Name | Description |
|---|---|---|
| 01 | Ray Marching | SDF レイマーチング（5シーン） |
| 02 | Voxel Editor | アイソメトリック3Dボクセルエディタ |
| # | Name | Description |
|---|---|---|
| 01 | World Map | 世界地図ヒートマップ |
| 02 | Network Graph | 力学モデルネットワークグラフ |
| 03 | Realtime Chart | リアルタイムストリーミングチャート |
| # | Name | Description |
|---|---|---|
| 01 | Encryption | 暗号化プロセス可視化 |
| 02 | Diffie-Hellman | 鍵交換プロトコル可視化 |
| # | Name | Description |
|---|---|---|
| 01 | Fourier / Epicycles | フーリエ変換エピサイクル可視化 |
| 02 | Double Pendulum | 二重振り子カオスシミュレーション |
| 03 | Wave Equation | 2D波動方程式シミュレーション |
| 04 | N-Body Gravity | N体重力シミュレーション |
| # | Name | Description |
|---|---|---|
| 01 | Regex Visualizer | 正規表現ビジュアライザー |
| 02 | FSM Editor | 有限状態機械エディタ＆シミュレータ |
| 03 | Game of Life | Conway のライフゲーム |
| 04 | Turing Machine | チューリングマシンシミュレータ |
| 05 | CPU Pipeline | CPUパイプラインシミュレータ |
| 06 | Memory Allocator | メモリアロケータ可視化 |
| 07 | Binary Tree | 二分木ビジュアライザ（BST/AVL/赤黒木） |
| # | Name | Description |
|---|---|---|
| 01 | Pixel Art Editor | ピクセルアートエディタ |
| 02 | SVG Path Editor | SVGパスエディタ |
| 03 | Color Blend Explorer | カラー理論エクスプローラー |
| # | Name | Description |
|---|---|---|
| 01 | Genetic Algorithm | 遺伝的アルゴリズム可視化 |
| 02 | K-Means Clustering | K-Meansクラスタリング可視化 |
| 03 | Perceptron Playground | パーセプトロン/MLPプレイグラウンド |
| # | Name | Description |
|---|---|---|
| 01 | Boids (Flocking) | 群れ行動シミュレーション |
| 02 | Ecosystem | 捕食者-被食者生態系シミュレーション |
| 03 | Ant Colony | アリコロニー最適化 |
| # | Name | Description |
|---|---|---|
| 01 | Image Filters | 15種画像フィルタプレイグラウンド |
| 02 | ASCII Art Converter | 画像→ASCIIアート変換 |
| 03 | Pixel Sort | ピクセルソート・グリッチアート |
| # | Name | Description |
|---|---|---|
| 01 | Optics | 幾何光学シミュレーション |
| 02 | Electromagnetic Field | 電磁場ビジュアライザー |
| 03 | Collision Lab | 衝突実験シミュレータ |
| # | Name | Description |
|---|---|---|
| 01 | TCP Handshake | TCPハンドシェイク可視化 |
| 02 | Packet Routing | パケットルーティング可視化 |
| # | Name | Description |
|---|---|---|
| 01 | Color Palette | カラーパレット生成ツール |
| 02 | Drawing Canvas | お絵描きキャンバス |
| 03 | Markdown Editor | リアルタイムMarkdownエディタ |
| 04 | Kanban Board | ドラッグ&ドロップ式タスク管理 |
| 05 | Pomodoro Timer | ポモドーロタイマー |
| 06 | JSON Formatter | JSON整形・ビューア |
| 07 | Gradient Generator | CSSグラデーション生成 |
| 08 | Calculator | 計算機 |
| 09 | Unit Converter | 単位変換ツール |
| 10 | Password Generator | パスワード生成ツール |
| 11 | Regex Tester | 正規表現テスター |
| 12 | Diff Viewer | テキスト差分ビューア |
| 13 | Stopwatch | ストップウォッチ |
| 14 | QR Generator | QRコード生成ツール |
| 15 | Image Cropper | 画像クロップツール |
| 16 | Code Editor | シンタックスハイライト付きエディタ |
| 17 | Weather Widget | 天気ダッシュボード |
| 18 | Music Player | 音楽プレイヤーUI |
| 19 | Todo App | ToDoアプリ |
| 20 | Quiz App | クイズアプリ |
| 21 | Survey Form | マルチステップアンケート |
| 22 | Recipe Card | インタラクティブレシピカード |
| 23 | Budget Tracker | 家計簿・予算トラッカー |
| # | Name | Description |
|---|---|---|
| 01 | Holy Grail | ホーリーグレイルレイアウト |
| 02 | Masonry Grid | メイソンリーグリッド |
| 03 | Split Screen | ドラッグ分割スクリーン |
| 04 | Sidebar Layout | 開閉式サイドバー |
| 05 | Card Layouts | カードレイアウト集 |
| 06 | CSS Grid Gallery | CSSグリッドギャラリー |
| 07 | Responsive Nav | レスポンシブナビゲーション |
| 08 | Footer Variants | フッターバリエーション |
| 09 | Dashboard Layout | 分析ダッシュボードレイアウト |
| 10 | Admin Layout | 管理パネルレイアウト |
| # | Name | Description |
|---|---|---|
| 01 | Brutalist | 無骨・工業的デザインのEC |
| 02 | Wa-Modern | 和モダン・日本の暮らしの道具EC |
| 03 | Swiss | スイススタイル・グリッドEC |
| 04 | Neo-Luxury | ダーク&ゴールドの高級EC |
| 05 | Y2K Retro | 2000年代風レトロポップEC |
| 06 | Scandinavian | 北欧ナチュラルスタイルEC |
| 07 | Cyberpunk | ネオン&ダークの近未来EC |
| 08 | Editorial | 雑誌風エディトリアルEC |
| # | Name | Description |
|---|---|---|
| 01 | Minimalist | 超シンプル・余白重視ブログ |
| 02 | Magazine | 雑誌風グリッドブログ |
| 03 | Dark | ダークモードブログ |
| 04 | Newspaper | 新聞風マルチカラムブログ |
| 05 | Card Grid | カードグリッドブログ |
| 06 | Long Form | 長文特化・読みやすいブログ |
| 07 | Tech | テック・開発者ブログ |
| 08 | Visual | フォト重視ビジュアルブログ |
| # | Name | Description |
|---|---|---|
| 01 | Grid | クリーンなグリッドギャラリー |
| 02 | Fullscreen | フルスクリーンスライドショー |
| 03 | Case Study | ケーススタディ型ポートフォリオ |
| 04 | Split | 2カラム分割ポートフォリオ |
| 05 | Masonry | メイソンリーグリッドポートフォリオ |
| 06 | Terminal | ターミナル風ポートフォリオ |
| 07 | Monochrome | モノクロ・タイポグラフィ特化 |
| 08 | Experimental | 実験的・大胆なレイアウト |
| 09 | Cyberpunk | ネオン発光・グリッチエフェクト |
| 10 | 3D Perspective | 3Dカードフリップ・パララックス |
| 11 | Cinematic | 映画的スクロール演出 |
| 12 | Glassmorphism | すりガラス・グラデーション背景 |
| 13 | Japanese Zen | 和テイスト・余白の美学 |
| 14 | Dark Luxury | 高級ブランド風ゴールドアクセント |
| 15 | Retro Arcade | 8bitアーケードゲーム風 |
| 16 | Bento Grid | Apple風ベントーグリッド |
| # | Name | Description |
|---|---|---|
| 01 | Gradient | グラデーション&グラスモーフィズム |
| 02 | Dark | ダークモード開発ツール風 |
| 03 | Playful | ポップ&フレンドリーSaaS |
| 04 | Enterprise | エンタープライズ・信頼重視 |
| 05 | Developer | デベロッパー向けAPI・ツール |
| 06 | Dashboard | ダッシュボードUI訴求型 |
| 07 | Comparison | 機能比較・コンバージョン特化 |
| 08 | Minimal | Apple風ウルトラミニマル |
| # | Name | Description |
|---|---|---|
| 01 | Timeline | Twitter/X風タイムライン |
| 02 | Photo Grid | Instagram風フォトグリッド |
| 03 | Stories | ストーリーズ&フィード |
| 04 | Forum | Reddit風フォーラム |
| 05 | Chat | Discord/Slack風チャット |
| 06 | Micro | Tumblr風マイクロブログ |
| 07 | Professional | LinkedIn風ビジネスSNS |
| 08 | Community | 地域コミュニティボード |
| # | Name | Description |
|---|---|---|
| 01 | Corporate | コーポレート管理ダッシュボード |
| 02 | Dark Analytics | ダークテーマの分析ダッシュボード |
| 03 | Gradient Glass | グラスモーフィズム ダッシュボード |
| 04 | Retro Terminal | レトロ端末風ダッシュボード |
| 05 | Pastel Minimal | パステルカラーのミニマルUI |
| 06 | Neo-Brutalist | ネオブルータリスト ダッシュボード |
| 07 | Dark Sidebar | ダークサイドバー＋データ密度UI |
| 08 | Executive | エグゼクティブ向け経営ダッシュボード |
| # | Name | Description |
|---|---|---|
| 01 | Classic | 伝統的フォーマル履歴書 |
| 02 | Sidebar | サイドバー付き2カラム履歴書 |
| 03 | Minimal | ミニマルデザインの履歴書 |
| 04 | Timeline | タイムライン形式の履歴書 |
| 05 | Dark | ダークテーマの履歴書 |
| 06 | Creative | クリエイティブデザイナー向け履歴書 |
| 07 | Academic | アカデミックCV |
| 08 | Infographic | インフォグラフィック風履歴書 |
| # | Name | Description |
|---|---|---|
| 01 | Restaurant | レストラン予約ページ |
| 02 | Salon | 美容サロン予約ページ |
| 03 | Medical | 医療クリニック予約ページ |
| 04 | Hotel | ホテル客室予約ページ |
| 05 | Fitness | フィットネスクラス予約ページ |
| 06 | Coworking | コワーキングスペース予約ページ |
| 07 | Event | イベントチケット予約ページ |
| 08 | Travel | 旅行・航空券予約ページ |
| # | Name | Description |
|---|---|---|
| 01 | Corporate | コーポレートニュースレター |
| 02 | E-commerce | EC注文確認メール |
| 03 | Welcome | ウェルカム・オンボーディングメール |
| 04 | Newsletter | ブログ・ニュースレターメール |
| 05 | Transactional | トランザクション通知メール |
| 06 | Invitation | イベント招待メール |
| 07 | Promotional | プロモーション・セールメール |
| 08 | Receipt | 支払いレシート・領収メール |
| # | Name | Description |
|---|---|---|
| 01 | Centered | センターカード型ログイン |
| 02 | Split | スプリットスクリーン ログイン |
| 03 | Dark | ダークテーマ ログイン |
| 04 | Gradient | グラデーション背景ログイン |
| 05 | Minimal | ウルトラミニマルログイン |
| 06 | Illustrated | CSS装飾イラスト付きログイン |
| 07 | Glassmorphism | ガラスモーフィズム ログイン |
| 08 | Corporate | コーポレート企業ログイン |