The main tools of a front-end web developer are:

1. Text Editor: A text editor such as Visual Studio Code, Sublime Text, or Atom is used to write and edit code.
2. Version Control System: A version control system such as Git is used to manage code changes and collaborate with other developers.
3. CSS and JavaScript Preprocessors: CSS preprocessors such as Sass or Less, and JavaScript preprocessors such as Babel, are used to write more efficient and maintainable code.
4. CSS and JavaScript Frameworks and Libraries: CSS and JavaScript frameworks and libraries such as Bootstrap, Foundation, or Materialize, and libraries such as React, Angular, or Vue.js, are used to quickly build and customize web applications.
5. Browser Developer Tools: Browser developer tools such as the Chrome DevTools or Firebug are used to inspect and debug web pages.
6. Responsive Design Tools: Responsive design tools such as media queries or CSS frameworks, are used to make web pages look good on different devices and screen sizes.
7. Package Manager: Package managers such as npm or yarn are used to manage dependencies and install libraries and tools.
8. Testing Tools: Testing tools such as Jest or Mocha are used to test the code and ensure that it works as expected.

These tools help front-end web developers to quickly and efficiently build and maintain high-quality web applications. The exact tools used will depend on the individual developer’s preferences and the requirements of the project.