Collection of free HTML and CSS custom select box code examples: dropdown, multiple, custom arrow, etc.
CUSTOM SELECT BOX
Custom select box dropdown styling. made with HTML/CSS
PURE CSS SELECT BOX WITH DIRECTION AWARE HOVER EFFECT
Pure CSS select box without any JavaScript. When there is hover on an option the motion of icon inside option is decided by the direction of hover i.e up hover or down hover (direction aware hover effect).
PURE CSS SELECT BOX
Select box without using JavaScript and native element.
RESPONSIVE CUSTOM SELECT BOX
Responsive custom select box with custom scroll.
IMAGE SELECTION
Image Selection with faux-loading.
CUSTOM SELECT WRAPPER
Custom CSS select wrapper.
CUSTOM SELECT
A HTML, CSS and jQuery custom select.
CUSTOM SELECT AN OPTION
Custom select, designed to change the typical style of the select in browsers, using JS to display the list when it clicks, and SCSS, to give it style. The Attribute selected work good, test it. Made by Dany Santos
MATERIAL DESIGN SELECT DROPDOWN
Material Design select dropdown with HTML, CSS and JavaScript. Made by Sam Murphey
SELECT OPTION INTERACTION
A great example of clean animation. Built with TweenMax GSAP. Made by Bhakti Al Akbar
SELECT BOXES
Select-boxes with HTML, CSS and JS. Made by Nipun Paradkar
CSS STYLED AND FILTERABLE SELECT DROPDOWN
Select dropdown – styled and filterable using HTML, CSS and vanilla JS. Works using an input field to grab the value from the dropdown list. Made by Mari Johannessen
CSS ONLY SELECT
CSS only select (radio + checkbox). Made by Aoyue
SELECT BOX WITH PLACEHOLDER
HTML and CSS select box with placeholder. Made by James Nowland
CSS ONLY SELECT
Select input using radio inputs. Made by Nicolas Udy
PURE CSS SELECT
Select input, only CSS. Made by Raúl Barrera
This still uses inputs to maintain the form submission variables, while relying primarily on CSS. Made by j0be
CUSTOM SELECT BOX
Custom select box with jQuery. Made by Vijaya Kumar Vulchi
MATERIAL DESIGN SELECT
Material design select jQuery version. Made by LukyVJ
HORIZONTAL SELECT
Simple horizontal select. Made by Bharani
STYLING SELECT BOX WITH CSS
A creative way to style select drop downs with nothing but CSS.
CUSTOM SELECT
Easy way to customize your select inputs. Made by Christophe CORBALAN
SELECT MENU
Select menu with HTML, CSS and JavaScript. Made by Pierre Laurent
CUSTOM SELECT
So so very very basic custom select. Made by Yusuf
CUSTOM SELECT
Custom select with animation. Made by Nikolay Talanov
SELECTIONATOR
Proof of concept, for a multi select widget. Made by Benjamin
CSS3 CARD DECK DROP DOWN
HTML, CSS and JS card deck drop down. Made by Tibor Katelbach
