✦ Free resources
Free Developer Tools and Productivity Apps
Code editors, API clients, testing tools, image optimizers and the small Mac and browser utilities that make daily work faster. The productivity tools cover diagrams, whiteboards and notes.
- 154 free resources
- 47 open source
- 55 with a free plan
- 8 paid picks
- Every link checked
154 free resources, plus 8 paid tools
Developer tools
Editors, debuggers, formatters and handy utilities.
- AirshipFreeVisual editor so AI coding agents can change what you see in your codebaseairship.design
- ApplitoolsFree tierAI visual testing that checks websites and apps across screens, free tierapplitools.com
- BatchSetFree tierBrowser tool for bulk compressing and converting JPG, PNG and WebP imagesbatchset.com
- BiomeOpen sourceFast formatter and linter in one toolbiomejs.dev
- blokdotsFree tierPrototype Arduino hardware with a visual builder instead of codeblokdots.com
- BrowserlingFree tierTest sites in real browsers onlinebrowserling.com
- BrunoOpen sourceOffline, git friendly API clientusebruno.com
- BunOpen sourceAll in one JavaScript runtime and toolkitbun.sh
- BundlephobiaFreeCheck the size cost of npm packagesbundlephobia.com
- ChromaticFree tierVisual testing for Storybook that catches UI changeschromatic.com
- CodePenFree tierFront end playground for HTML, CSS, and JS demoscodepen.io
- CodeSandboxFree tierCloud dev environments and sandboxescodesandbox.io
- ColorZillaFreeBrowser eyedropper, color picker and gradient generatorcolorzilla.com
- Compiler ExplorerOpen sourceSee the assembly your code compiles to, across many compilersgodbolt.org
- Compressor.ioFree tierCompress JPG, PNG, WebP and SVG imagescompressor.io
- ConductorFree tierRun many AI coding agents at once, each in its own Mac workspaceconductor.build
- CopyCharFreeFind special characters and symbols, then copy them with one clickcopychar.cc
- CSS PeeperFree tierBrowser extension to inspect a site's styles, colors and assetscsspeeper.com
- curlconverterOpen sourceTurn a curl command into code for many languagescurlconverter.com
- CyberChefOpen sourceEncode, decode and transform data right in the browsergchq.github.io
- DimensionsFreeBrowser extension to measure distances on screenfelixniklas.com
- Docker DesktopFree tierRun containers locally; free for personal and small business usedocker.com
- DosmosFreePoint at an element and let AI code the change in your editordosmos.app
- EditUIFreeExtension that lets you point at interface elements and send edits to an AIeditui.app
- Epoch ConverterFreeConvert Unix timestamps to dates and backepochconverter.com
- EraserFree tierDiagram and technical doc editor with AI help and a free planeraser.io
- ESLintOpen sourceFind and fix problems in JavaScript codeeslint.org
- Fake Name GeneratorFreeGenerate random fake identities for testing and placeholder datafakenamegenerator.com
- Feedback FishFree tierCollect feedback from site visitors with a small widgetfeedback.fish
- GhosttyOpen sourceFast, native terminal emulatorghostty.org
- GitOpen sourceVersion control system with docs and the Pro Git bookgit-scm.com
- GitHub DesktopOpen sourceSimple GUI for Git and GitHubdesktop.github.com
- HeardFree tierMac app that reads coding agent output aloud as short summariesheard.dev
- HomebrewOpen sourcePackage manager for macOS and Linuxbrew.sh
- HoppscotchOpen sourceOpen source API client in the browserhoppscotch.io
- How Big Is My BrowserFreeShows your browser window size and screen resolutionhowbigismybrowser.com
- iHateRegexOpen sourceReady-made regex patterns with visual diagramsihateregex.io
- iLoveIMGFree tierBulk resize, compress and convert imagesiloveimg.com
- ImageAlphaOpen sourceMac GUI for pngquant that shrinks PNGs by reducing colorspngmini.com
- JamFree tierCapture bugs with screen recordings and developer logsjam.dev
- JPEG CompressFreeShrink and resize JPEG, PNG and GIF images onlinejpegcompressor.com
- JSFiddleFreeQuick online playground for web snippetsjsfiddle.net
- JSON CrackOpen sourceVisualize JSON data as interactive graphsjsoncrack.com
- jwt.ioFreeDecode and inspect JSON Web Tokensjwt.io
- Kraken.ioFree tierOnline image optimizerkraken.io
- Lorem IpsumFreePlaceholder text generator that also covers the history of the phraseloremipsum.io
- Lorem.spaceFreePlaceholder images at any size, delivered as SVG or PNG fileslorem.space
- MailtrapFree tierCatch and inspect test emails before they reach real inboxesmailtrap.io
- MeanFreeSend marked up screenshots from the Mac menu bar to coding agentsmean.app
- MermaidOpen sourceCreate diagrams from text in Markdownmermaid.js.org
- MxToolboxFreeCheck DNS, MX records and email deliverabilitymxtoolbox.com
- ngrokFree tierShare a local server through a public URLngrok.com
- Node.jsOpen sourceJavaScript runtime for servers and toolingnodejs.org
- Notepad++Open sourceFree code editor for Windowsnotepad-plus-plus.org
- Oh My ZshOpen sourceFramework for managing Zsh configurationohmyz.sh
- OmatsuriOpen sourceOpen collection of small web utilities for common design and code tasksomatsuri.app
- OpenReplayOpen sourceOpen source session replay you can self-hostopenreplay.com
- OptimizillaFreeCompress up to 20 images at once with a previewimagecompressor.com
- OverlayFreeDesign screens in VS Code with the real React components you shipoverlay.studio
- PageSpeed InsightsFreeGoogle's page performance and Core Web Vitals reportpagespeed.web.dev
- PercyFree tierVisual regression testing that flags UI changes between buildspercy.io
- Photo Resizer in KBFreeFree online tool for resizing photos to a target file sizephotoresizerinkb.com
- PixotterFree tierCompress, resize and convert images right in the browserpixotter.com
- PlaywrightOpen sourceEnd to end browser testing and automationplaywright.dev
- PNGGauntletFreeWindows app that batch compresses PNG files for faster sitespnggauntlet.com
- PngyuOpen sourceSimple batch PNG compression tool that uses pngquantnukesaq88.github.io
- pnpmOpen sourceFast, disk efficient package managerpnpm.io
- PostmanFree tierBuild, test, and document APIspostman.com
- PrettierOpen sourceOpinionated code formatterprettier.io
- qarunbookFree tierDraft app test plans with AI and track the issues you findqarunbook.com
- RealFaviconGeneratorFreeGenerate favicons for every platformrealfavicongenerator.net
- RecompressorFreeFind the best compression settings for an imagerecompressor.com
- regex101FreeBuild, test, and explain regular expressionsregex101.com
- RegExrOpen sourceBuild and test regular expressions with live highlightingregexr.com
- ReplitFree tierOnline IDE with hosting and an AI agentreplit.com
- Responsively AppOpen sourcePreview a site on many screen sizes at onceresponsively.app
- Ship StudioFreeDesktop app that links Claude Code with GitHub and Vercel in one workflowship.studio
- ShortPixelFree tierImage and PDF compression with a free monthly quotashortpixel.com
- Sin WaverFreeGenerate a sine wave shape and export it as an SVG filesinwaver.com
- SkissoFreeExtension for tweaking page styles on any live site and copying the changes outskisso.app
- SocketFree tierFlags risky or hijacked npm packages before you install themsocket.dev
- SquooshOpen sourceCompress and convert images in the browser, with a before and after slidersquoosh.app
- StackBlitzFree tierInstant in browser dev environments for web projectsstackblitz.com
- StorybookOpen sourceBuild and document UI components in isolationstorybook.js.org
- Sublime TextFree tierFast code editor with an unlimited free trialsublimetext.com
- SVGOMGOpen sourceWeb interface for optimizing SVG filesjakearchibald.github.io
- SVGViewerFreeOnline viewer for opening, editing and optimizing SVG filessvgviewer.dev
- TinyPNGFree tierSmart compression for PNG, JPEG, and WebP filestinypng.com
- ToolcraftFreeStarting point with UI parts for making your own design apps using AItoolcraft.sh
- Transform ToolsOpen sourceConvert between JSON, TypeScript, SVG to JSX, and moretransform.tools
- TurborepoOpen sourceFast build system for JavaScript and TypeScript monoreposturborepo.dev
- UnlayerFree tierEmbeddable email and page builder with drag and drop blocks for your appunlayer.com
- UVs Favicon & App Icon GeneratorFreeTurn a logo or a few letters into favicons, app icons and a web manifest, right in your browseruvstoolhub.com
- Variable Width SVGFreeConvert SVG icon strokes to ones with varying widthweihuasongguo.com
- Visual Studio CodeFreePopular free code editor with a large extension ecosystemcode.visualstudio.com
- ViteOpen sourceFast front end build tool and dev servervite.dev
- VitestOpen sourceFast unit test framework powered by Vitevitest.dev
- vscode.devFreeVS Code in the browser, no install neededvscode.dev
- VSCodiumOpen sourceVS Code builds without Microsoft telemetryvscodium.com
- WebPageTestFree tierDetailed web performance testing from real browserswebpagetest.org
- WhatFontFreeChrome extension to identify fonts on a pagechromewebstore.google.com
- WhatRunsFreeSee the tech, fonts and plugins a site useswhatruns.com
- Word to Clean HTMLFreeConvert Word documents into clean HTMLword2cleanhtml.com
- wsrv.nlFreeFree image cache and resize service by URLwsrv.nl
- Yellow Lab ToolsOpen sourceAudit a page for front-end performance problemsyellowlab.tools
- ZedOpen sourceFast, collaborative code editorzed.dev
Productivity
Diagrams, whiteboards, slides and everyday utilities.
- AFFiNEOpen sourceOpen source workspace that merges docs, whiteboards and databasesaffine.pro
- AllumeFree tierCanvas app for mapping big ideas in boards inside boards on Apple devicesallume.com
- BulkPicToolsFreeBatch compress, resize and convert images in your browserbulkpictools.com
- CodecksFree tierCard-based project management tool for game development teamscodecks.io
- CreatelyFree tierVisual workspace for diagrams, planning and brainstormingcreately.com
- DaVinci ResolveFree tierProfessional video editor with a full free versionblackmagicdesign.com
- diagrams.netOpen sourceFree diagram editor, also known as draw.ioapp.diagrams.net
- draw.ioOpen sourceFree diagramming app for flowcharts and architecturedrawio.com
- ExcaliClawFree tierCollaborative hand drawn diagram workspace that connects to AIexcaliclaw.com
- FigJamFree tierFigma's whiteboard for flows, workshops and planningfigma.com
- FileOnTap HEIC to PNGFreeConvert HEIC photos to PNG in batches, right in the browserfileontap.com
- FreeformFreeApple's infinite canvas for moodboards and brainstorming with othersapps.apple.com
- GamifyingFree tierBrowser workspace for game design with linked characters, quests, items and loregamifying.dev
- GIPHY CaptureFreeMac app that records part of your screen as a GIFgiphy.com
- GlyphyFreeCopy and paste special characters, symbols and arrowsglyphy.io
- GoFullPageFree tierChrome extension that captures a whole page in one screenshotgofullpage.com
- Google SlidesFree tierBrowser presentation editor with live collaborationworkspace.google.com
- GridzzlyFreeMake your own printable grid papergridzzly.com
- HacknPlanFree tierProject management tool for game development teamshacknplan.com
- HandBrakeOpen sourceVideo converter and compressorhandbrake.fr
- ImageOptimOpen sourceMac app that shrinks images without visible lossimageoptim.com
- IMS CreatorsFree tierWorkspace for game teams with worldbuilding, databases and kanban boardsimsc.space
- Infinity MapsFree tierInfinite maps for organizing and structuring your thinkinginfinitymaps.io
- KapOpen sourceOpen source screen recorder for macOSgetkap.co
- KeynoteFreePresentation software from Apple for Macs, iPads, iPhones and browserssupport.apple.com
- KritaOpen sourceOpen source digital painting appkrita.org
- LucidchartFree tierDiagramming app for flowcharts and process maps with a free planlucid.co
- LucidsparkFree tierOnline whiteboard for team brainstorms and workshop sessionslucid.co
- LunacyFreeFree design app that opens Sketch and Figma filesicons8.com
- MaccyOpen sourceLightweight clipboard manager for macOSmaccy.app
- MilanoteFree tierOrganize creative projects and ideas on visual boardsmilanote.com
- MiroFree tierOnline whiteboard for workshops and planningmiro.com
- MuralFree tierOnline whiteboard for team brainstorming and visual planningmural.co
- OBS StudioOpen sourceScreen recording and live streamingobsproject.com
- ObsidianFreeLocal Markdown notes with links and pluginsobsidian.md
- PreziFree tierPresentation tool with a zooming canvas and a free basic planprezi.com
- QuestlogFree tierProject management for indie game developers with a built-in design document editorquestlog.build
- RaycastFree tierMac launcher with extensions, snippets, and window toolsraycast.com
- RectangleOpen sourceKeyboard window snapping for macOSrectangleapp.com
- ReviseFree tierAI document editor with revision history and quick exportsrevise.io
- ShottrFreeFast Mac screenshot tool with annotationshottr.cc
- SketchsheetsFreePrintable sketch templates for phone, web and watch screenssketchsheets.com
- SlidesCarnivalFreeFree presentation templatesslidescarnival.com
- SlidesgoFree tierGoogle Slides and PowerPoint templates, many freeslidesgo.com
- SlideSpeakFree tierTurn documents and notes into PowerPoint decks with AIslidespeak.co
- SneakpeekitFreePrintable grids and sketch sheets for wireframing on papersneakpeekit.com
- UnitConverters DPIFreeChange the DPI of an image online without installing anythingconvert.town
- WhimsicalFree tierFlowcharts, wireframes and docs with a free planwhimsical.com
Paid picks
Well known paid tools for developer and productivity tools. They are not part of the free count, and a listing is not an endorsement.
- KaleidoscopePaidMac app for comparing text, images and folders side by sidekaleidoscope.app
- PolypanePaidBrowser for developers that shows many screen sizes side by sidepolypane.app
- SizzyPaidBrowser for building responsive sites on many devices at oncesizzy.co
- TowerPaidGit app for Mac and Windows with a clear visual historygit-tower.com
- TransmitPaidMac app for moving files over FTP, SFTP, S3 and morepanic.com
- CasualPaidVisual online project management tool for planning tasks and processescasual.pm
- CleanShot XPaidMac screenshot and screen recording tool with annotationcleanshot.com
- XnapperPaidTurns screenshots into clean, shareable images in one stepxnapper.com
Questions about developer and productivity tools
What are the best free developer tools?
Visual Studio Code, Git, Postman or Bruno, and Playwright cover editing, version control, APIs and testing. regex101 and Transform Tools help with quick tasks.
What is a good free diagram tool?
draw.io (also called diagrams.net) is free with no account. Mermaid turns text into diagrams, and Excalidraw is good for quick sketches.
How do I make images smaller for the web?
Squoosh and TinyPNG compress images in the browser. SVGOMG cleans up SVG files, and ImageOptim does it on a Mac.
This directory, including its selection, categories and descriptions, is © 2026 Jeffrey Hakim. You’re welcome to link to it. Please don’t copy or republish the list.
✦ Want more than free tools?
Let’s build your site in Framer
I design and build fast Framer sites with clean SEO and share previews that stand out. Tell me what you’re working on.
Contact Jeffrey
