forminputglassdarkmodern

Dark Glassmorphic Form Input

Современный UI-компонент: форма ввода с эффектом стекла (glassmorphic), подсветкой фокуса. Идеально для темных тем, обеспечивает стильный и удобный ввод данных.

Live Preview

Prompt

<div>
  <label for="name" class="block text-xs font-medium text-white/80 mb-1">Your name</label>
  <input id="name" name="name" type="text" required="" placeholder="Jane Doe" class="w-full placeholder-white/40 outline-none focus:ring-2
    focus:ring-amber-400/60 focus:border-amber-300 transition
    text-sm text-white bg-white/10 border-white/10 border
    rounded-xl pt-2.5 pr-3 pb-2.5 pl-3" />
</div>

All Prompts