ツール検索 120種類以上
キーワード・カテゴリ・タグの複合フィルタで目的のツールを瞬時に発見。リアルタイム検索対応。
Tailwind CSS v4 / Bootstrap 5 / Bulma の3大CSSフレームワークを同じUI (ボタン・カード・フォーム) で比較できるプレイグラウンド。各フレームワークのCDN・基本クラス・特徴・サンプルコードを1ページに集約。
70種類以上のCSSボタンデザインからクリックで選択しプレビューしながら作成。シンプル/グラデ/影付き/3D/アウトライン/アニメ/アイコン付/シャイン/ニューモ/グラスモーフィズム等。色・テキストをライブ編集してHTML/CSS・Tailwind・Bootstrap・Material 3の4形式で即コピー。
Bootstrap 5専用の簡易ビジュアルビルダー。Hero/Cards/Form/Pricing/Footer等のセクションをクリック追加・順序入替・編集して完全HTMLコード生成。インストール不要。
Tailwind CSS / Bootstrap 5 に対応した、ブロック組み合わせ式のランディングページビルダー。日本のLP定番セクション (お悩み訴求・3ステップ・他社比較・期間限定キャンペーン・メディア掲載・巨大数字) を含む25種類のブロックを選んで並べ替え、リアルタイムプレビューで確認し、完成したHTMLを即コピー。叩き台・モック・MVP・本番LP全てに対応。
Bootstrap 4/5、Bootstrap Icons、Popper.js等のCDN <link>/<script>タグをバージョン選択で即時生成。
alert-success/warning/danger等のアラート、各色のバッジ (badge) コンポーネントを生成。
画像・ヘッダー・本文・フッター・ボタンを組合せたcardコンポーネントを視覚生成。プレビュー付き。
マージン/パディング/Flexbox/Display等のユーティリティクラスを検索・絞り込み。Bootstrap 5対応。
Bootstrap 5の12カラムグリッドを視覚的に設計。レスポンシブブレークポイント (xs/sm/md/lg/xl/xxl) 対応HTMLコード生成。
input/select/textarea/checkbox/radioを組合せたフォームをドラッグ感覚で組立。バリデーション対応コード生成。
btn-primary/secondary/success等の色・サイズ・outline・disabled状態を視覚調整。HTMLコード即時生成。