Если без фреймворка, а просто верстка по макету, то:
- Emmet - быстрый кодинг html и сss
- less - переменные для шрифтов, вложенность селекторов или бэм-нейминг.
- flexbox - для сетки, расположения элементов и респонсива.
- autoprefixer - добавление css-префиксов
- Imagemin-pngquant - для сжатия картинок
- gulp - для сборки вышеперечисленного
- slick - карусели и слайдеры
- remodal - модалки
Если использовать фреймворк, например, bootstrap, то быстрее будет работать с исходниками бутстрапа и потом собрать их:
- переопределить переменные
- подключить нужные js-скипты из коробки
- подключить нужные less-стили
- собрать это всё галпом
