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
GitOpen Source
Why you may need this: Track changes and collaborate through pull requests.
View official installation instructions
Runtime & Package Management
- Node.js
Open Source
Why you may need this: Run JavaScript tooling; includes npm for installing packages.
View official installation instructions
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.
View official installation instructions- 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.