All Tools
1049+ free tools

Dropdown Generator

Generate CSS-only hover dropdown.

Profile
Settings
Sign out
.dropdown { position: relative; }
.dropdown-menu {
  position: absolute; top: 100%; left: 0;
  background: #ffffff; color: #111827;
  border: 1px solid #e5e7eb; border-radius: 8px;
  box-shadow: 0 8px 24px #0000001a;
  min-width: 160px; padding: 4px;
  display: none;
}
.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu a { display: block; padding: 8px 12px; border-radius: 4px; text-decoration: none; }
.dropdown-menu a:hover { background: #f3f4f6; }

Related web-design tools

CSS Animation Generator
Create CSS animations with live preview & presets
SVG Blob Generator
Generate organic SVG blob shapes with gradients
Box Shadow Generator
CSS box-shadow with live preview & copy
Border Radius Generator
CSS border-radius with preview