CSS Dropdown Generator with Live Preview

CSS Dropdown Generator is a free online tool to create stunning dropdowns, aka select boxes, for your website in minutes; no coding is needed.

Preview
#dddddd
#ffffff
#333333
#d6d6d6
#ffffff
#000000
#969696
Bold
Italic
#000000

About CSS Dropdown Generator

This simple select box generator (CSS and HTML) tool will let you create awesome dropdown input elements for your website without any coding knowledge.

  • Make sure to tweak all the settings until you create a select tag that you like.
  • Once you are done with the design, click on the Show Code button.
  • You will see HTML and CSS codes for your selectbox.
  • You can click on the copy button in the respective code boxes to copy the code and paste it into your project.
  • Or you can simply click on Download to download an HTML file with both HTML and CSS code.