Web Developer Tools
Code editors, version control, runtimes, browsers, API testing, databases and containers for web development.
Who this toolkit is for
For frontend, backend and full-stack web developers. You don't need every runtime or framework: start with an editor, Git and the runtime your projects use.
Essential (5)
Core tools that are broadly useful.
Code Editor
Why you may need this: A widely used editor with extensions for most web languages.
Flatpak (verified)flatpak install flathub com.visualstudio.code
Version Control
Runtime & Package Management
Browsers & DevTools
Mozilla FirefoxOpen SourceAlso on Android, iPhone/iPad
Why you may need this: Test your sites; its developer tools are strong for CSS and layout.
APT (verified)sudo apt install firefox- Google Chrome
FreeAlso on Android, iPhone/iPad
Why you may need this: Test in the most widely used browser engine with Chrome DevTools.
Flatpak (verified)flatpak install flathub com.google.Chrome
Recommended (1)
Useful for particular parts of the work or course.
Design Collaboration
- Figma
FreemiumAlso on Web
Why you may need this: Inspect designs and export assets from your team's Figma files.
Open web app
Build your Web Developer setup
Build My Setup lets you add or remove apps, combine roles, see why each app is included, and get a single install command where verified packages exist. Nothing is installed automatically.