Code tools
Ten instant developer utilities that run entirely in your browser — format snippets, explore regex, build CSS layouts, generate placeholders, and look up references without installing anything.
100% client-side · no upload · no tracking
-
コードスニペットフォーマッター
HTML・CSS・JavaScriptを貼り付けると、ワンクリックで整形されたインデント済みコードを出力します。
ツールを開く →
-
Regexチートシート
インタラクティブな正規表現リファレンス。パターンをクリックでコピー、ライブテスト入力付き。
ツールを開く →
-
CSS Gridビルダー
CSS Gridレイアウトをビジュアルで設定し、生成されたCSSをコピー。列・行・gap・配置に対応。
ツールを開く →
-
CSS Flexboxビルダー
コンテナとアイテムのFlexboxプロパティをビジュアルで設定し、結果をプレビューしてCSSをコピーできます。
ツールを開く →
-
CSSブレークポイントテスター
現在のビューポート幅でアクティブなCSSブレークポイントを確認。Tailwind・Bootstrap・カスタム対応。
ツールを開く →
-
ダミー画像URLビルダー
Picsum・Placehold.co・via.placeholderからカスタムサイズのプレースホルダー画像URLを生成します。
ツールを開く →
-
プレースホルダー画像ジェネレーター
任意のサイズ・色・テキストでプレースホルダー画像を生成してPNGでダウンロードできます。
ツールを開く →
-
絵文字チートシート
Unicodeコードポイント・HTMLエンティティ付きで全絵文字を検索・参照。クリックでコピー。
ツールを開く →
-
ASCIIテーブル
10進・16進・8進・2進・HTMLエンティティ値を含む完全なASCII文字表。クリックでコピー。
ツールを開く →
-
HTTPメソッドリファレンス
GET・POST・PUT・PATCH・DELETEのセマンティクスと主要ステータスコードのクイックリファレンス。
ツールを開く →
-
バーコード生成
Code128・EAN-13・UPC-A・Code39バーコードをSVG/PNGで生成。ブラウザ内完結。
ツールを開く →
Why browser-only code tools?
Pasting code snippets, tokens, or API payloads into third-party websites is a security risk. These tools run entirely inside your browser — your code never leaves your device, there is no server, and no data is logged. Use them freely on any network, including air-gapped machines.