Bootstrap 5 Dropdown Maker Tool

Basic Dropdown Settings
Menu Settings
Dropdown Items
Live Preview
Generated Code
How to use Dropdown tool
  • Setting the Basic options: On left bar, set the basic options including Single button or Split, Size, Direction, Color etc.
  • Turn On/Off the settings for Outline and Rounded button dropdown.
  • Setting the Icon: You may set the Icon by pressing the "Button Icon" option. Select the Icon from the dropdown from the available list.
  • Menu Settings: Dropdown menu setting including Color, Width, Border Radius can be set there.
  • On/Off Menu settings: Turn On/Off the Shadow, Border, Dividers between items, Header, and open on Hover
  • Hover State: If you opt for Hover, The JavaScript is generated in the "Generated Code" section (required for hover to work)
  • How do I copy the code? Click the "Copy" button to take the CSS and/or JavaScript (Separately).