forms
このカテゴリには 7 件のコンポーネントがあります。
アニメーション検索バー
アイコンをクリックするとスムーズに展開するミニマルな検索バー
HTMLCSS
カスタムトグルスイッチ
ネイティブのチェックボックスを置き換える、美しくアニメーションするカスタムトグルスイッチの実装例です。
HTMLCSS
インタラクティブなファイルアップロード
ドラッグ＆ドロップに対応したモダンなファイルアップロード領域。
Tailwind CSSJavaScript
Floating Label Input
フォーカス時にプレースホルダーが滑らかにラベルとして浮き上がるモダンな入力フィールドです。
HTMLCSS
マルチステップフォーム
登録画面などでよく使われる、複数ステップを切り替えるUI（プログレスインジケーター付き）
HTMLTailwind CSSJavaScript
OTP入力
1文字入力で自動フォーカス、バックスペースで前のボックスに戻る直感的な6桁OTP入力コンポーネントです。ペーストにも対応。
HTMLCSSJavaScript
パスワード強度メーター
入力されたパスワードの強度を視覚的に表示するUI。
Tailwind CSSJavaScript