Material Design CSS Select Examples

Google-inspired dropdowns with filled and outlined variants.
Try out each select, then click "Copy CSS" to copy the styles.

#10

#11

#12

Create your own custom select designs with these generators:

Generate custom select styles

Browse select examples in different design styles:

Professional payment UI

Soft UI with subtle shadows

Bold borders and stark contrast

Vintage computing aesthetics

Clean and simple

Modern React components

Extract any select style in 2 clicks

Click any element on any website to get its select styles instantly. Frontend Hero gives you 10+ essential developer tools in one browser extension.

Get Frontend Hero now →