UI Component Examples

Webで使えるUIコンポーネントをコピペで即実装

WebのUIコンポーネント事例集。動くデモ・サンプルソース・AI用プロンプトの3点セットで提供します。

サンプルを見る

サンプル一覧

パスワード ●●●●●●●● 検索 UIコンポーネント 認証コード（6桁） 3 7 2
フォーム

テキストボックス 3 — 入力補助・特殊入力

パスワード表示切替・検索×クリアボタン・OTP6桁分割入力の3パターン。ログイン・検索・二段階認証フォームの定番UIをコピペで実装できます。
郵便番号 123-4567 チェック ✓ 正しい郵便番号形式です 電話番号 例：03-1234-5678 チェック 例：[email protected] チェック
フォーム

テキストボックス 2 — 書式バリデーション

郵便番号・電話番号・メールアドレスの入力フィルタリングと書式チェック（OK/NG表示）を組み合わせた3パターンを確認できます。
氏名 例：山田 太郎 コメント（最大20文字） コメントを入力中... 残り3文字 入力すると高さが広がります
フォーム

テキストボックス（入力制御パターン集）

基本入力（改行なし・日本語IME優先）・文字数制限カウンター・テキストエリア自動拡張の3パターンをまとめて確認できます。

該当する事例が見つかりませんでした。