css select boxes

35 Cool CSS Select Boxes

Are you bored of using the default select box style?

Check these cool select boxes, most are made with CSS only and some with little js.

You may also like

Pure CSS Select Box

Dev: Veniamin

Pure CSS Select Box With Direction Aware Hover Effect

Dev: Himalaya Singh

Pure CSS Select Box Styling

Dev: Anselm Urban

Custom Select Box Dropdown Styling

Dev: FrankieDoodie

Select Box with Placeholder [CSS Only]

Dev: James Nowland

uSwitch pure CSS select control v1.0

Dev: Craig Morey

Custom select box

Dev: James Barnett

Custom select box by VJ

Dev: Vijaya Kumar Vulchi

Responsive custom select box with custom scroll

Dev: Dejan Babić

Flat selectbox

Dev: Peter Geller

Pure CSS “select” box

Dev: Thierry

CSS Select Box

Dev: Josh Valdivieso

CSS Select box

Dev: Joe

Customizable Pure CSS Select Box Mixin

Dev: Jason Muscarella

css select box

Dev: hoahuongduong_dh08dt

CSS3:SelectBox with Only CSS

Dev: Coral

custom select box CSS3

Dev: Gulshan kumar

Custom select with SASS (no JS)

Dev: Jeroen van Beek

Custom select box

Dev: rajeshdn

css – Custom select box arrow

Dev: quyen

Magic with details // CSS Only Dropdown

Dev: Steffen

Pure CSS Dropdown

Dev: Rafael González

CSS Dropdown

Dev: Tadaima

Select (placeholder disabled)

Dev: Andreas Storm

Pure CSS Select 2.0

Dev: Raúl Barrera

Pure CSS Select

Dev: Raúl Barrera

CSS only Select ( radio + checkbox ) No JS

Dev: Aron

CSS / select with SVG arrow as background image

Dev: henning fischer

pure css select with colorable svg arrow

Dev: Jan Wagner

Full CSS stylized select V2

Dev: Vincent Durand

Custom Select an Option

Dev: Dany Santos

Pure CSS Select Component

Dev: Arnau Pujol


Dev: Nipun Paradkar

Image Selection with faux-loading

Dev: Lewis Robinson

Material design select box

Dev: Valentin Mocanu