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 (4)
Useful for particular parts of the work or course.
API Testing
Database
- DBeaver Community
Open Source
Why you may need this: Browse and query many kinds of databases.
Flatpak (verified)flatpak install flathub io.dbeaver.DBeaverCommunity
Containers
Docker DesktopFreemium
Why you may need this: Run databases and services locally in containers.
View official installation instructions
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
Specialist / Optional · Show specialist tools (3)
Consider these for particular modules, tasks or environments.
Code Editor
Runtime & Package Management
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.