FREE CSS COMPONENT
Select
Native select controls are often the right choice unless the interaction genuinely requires custom behavior.
Live preview
HTML
<select class="demo-select" aria-label="Role"><option>Developer</option><option>Designer</option></select>
CSS
.demo-select{width:100%;padding:12px 14px;border:1px solid #bbb;border-radius:6px;background:#fff;color:#222;font:14px Inter,sans-serif}.demo-select:focus{outline:2px solid #999;outline-offset:1px}