CSS Select Boxes: Looking for CSS Select Boxes? In this post, I’ll share with you some hand-picked Popular CSS Select Boxes, you can use in your next web-based projects. They’re easy to implement and will give your website or app a great look!
Custom select
Author: | Nikolay Talanov |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | September 5, 2014 |
Custom select
Author: | Christophe CORBALAN |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | September 10, 2015 |
Styled “select” options using CSS3 and Flexbox
Author: | Paul Grant |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | December 14, 2015 |
Pretty Select Dropdown
Author: | j0be |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | January 15, 2016 |
Select Box With Placeholder
Author: | James Nowland |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | May 16, 2016 |
CSS Styled And Filterable Select Dropdown
Author: | Mari Johannessen |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | October 13, 2016 |
Select Option Interaction
Author: | Bhakti Al Akbar |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | December 7, 2016 |
Simple custom select
Author: | Alessandro Falchi |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | April 5, 2017 |
Image Selection with faux-loading
Author: | Lewis Robinson |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | November 27, 2017 |
Pure CSS Select Box With Direction Aware Hover Effect
Author: | Himalaya Sing |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | October 20, 2018 |
Magic with details // CSS Only Dropdown
Author: | Steffen |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | July 16, 2019 |
Pure CSS Select 2.0
Author: | Raúl Barrera |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | August 6, 2021 |
select box
Author: | yoo jin seong |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | April 17, 2023 |
Custom Select Field Styling with Only CSS
Author: | Stephanie Eckles |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | August 14, 2020 |
Custom Select Box Dropdown Styling
Author: | FrankieDoodie |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | October 30, 2018 |
Select (placeholder disabled)
Author: | Andreas Storm |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | July 9, 2019 |
Responsive custom select box with custom scroll
Author: | Dejan Babić |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | December 15, 2017 |
Custom Select Wrapper
Author: | Matheus Sales |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | November 15, 2017 |
20+ CSS Page Transitions Effect
15+ CSS Reveal Animations
10+ CSS Stacked Cards
15+ CSS Dashboards
9+ Pure CSS Game Script
15+ CSS Reveal Animations
10+ CSS Stacked Cards
15+ CSS Dashboards
9+ Pure CSS Game Script
Custom Select an Option
Author: | Dany Santos |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | February 8, 2017 |
Select-Boxes
Author: | Nipun Paradkar |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | October 22, 2016 |
CSS3 Card Deck Drop Down
Author: | Tibor Katelbach |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | July 23, 2013 |
CSS only Select ( radio + checkbox ) No JS
Author: | Aoyue |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | August 24, 2016 |
CSS Only Select
Author: | Nicolas Udy |
Made with: | HTML / CSS / JS |
Link: | Source code/Demo |
Create on: | May 9, 2016 |