formselectdropdownglassdark

Dark Glassmorphic Select Dropdown

Выпадающий список в стиле Glassmorphic для темной темы. Улучшает видимость с янтарными состояниями фокуса и кастомным фоном опций.

Live Preview

Prompt

<div>
  <label for="project-type" class="block text-xs font-medium text-white/80 mb-1">Project type</label>
  <select id="project-type" name="projectType" class="w-full appearance-none 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">
    <option class="bg-neutral-900" value="product">New product build</option>
    <option class="bg-neutral-900" value="feature">Feature delivery</option>
    <option class="bg-neutral-900" value="advisory">Advisory / audit</option>
    <option class="bg-neutral-900" value="ai">AI integration</option>
  </select>
</div>

All Prompts