-
-
Save fraubungle/8a8745dc5726701f950287c896f839f1 to your computer and use it in GitHub Desktop.
A collection of web development tool
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Web Development Tools - Complete List | |
| _Last updated: 19 July 2026_ | |
| ## GENERATORS | |
| * Text Content Generator - http://www.lipsum.com | |
| * Favicon Generator - https://realfavicongenerator.net | |
| * Data Generator - https://mockaroo.com/ | |
| * Mobile Mockup Generator - https://mockuphone.com | |
| * Logo Generator - https://www.logaster.com | |
| * UUID Generator - https://www.uuidgenerator.net/ | |
| * Hash Generator - https://emn178.github.io/online-tools/sha256.html | |
| * Ultimate Code Generator - https://webcode.tools/ | |
| ## IMAGE RESOURCES | |
| * Free Stock Images - https://www.pexels.com | |
| * Free Stock Images With Great API - https://unsplash.com/ | |
| * Free Vectors, mockups - https://www.freepik.com | |
| * Dummy Image Placeholders (real photos) - https://picsum.photos | |
| * Dummy Image Placeholders (solid) - https://placeholder.com | |
| * Free Icons - https://www.iconfinder.com | |
| ## CODE OPTIMIZATION | |
| * Minify JS & CSS - http://minifier.org | |
| * Code Optimization Tools - https://codebeautify.org | |
| * Code Diff Checker - https://www.diffchecker.com | |
| ## CONVERTERS | |
| * ES6+ & JSX Compiler - https://babeljs.io/repl | |
| * Markdown Editor - https://stackedit.io | |
| ## IMAGE COMPRESSION | |
| * Compress All Images - https://compressor.io/compress | |
| * Compress JPG - http://jpeg-optimizer.com/ | |
| * Compress PNG - https://tinypng.com/ | |
| ## VALIDATION & COMPATIBILITY | |
| * Validate HTML - https://validator.w3.org | |
| * Validate CSS - https://jigsaw.w3.org/css-validator | |
| * Check Browser Compatibility - https://caniuse.com/ | |
| * ES6+ Compatibility Table - https://compat-table.github.io/compat-table/es6/ | |
| ## IN BROWSER CODING | |
| * Client Side Code - https://codepen.io | |
| * Client Side Code - https://jsfiddle.net | |
| * Client Side Code - http://liveweave.com | |
| * Full Node Environments - https://stackblitz.com | |
| * Server Side Code - https://replit.com | |
| ## SNIPPET TOOLS | |
| * Snippet Manager - https://gist.github.com | |
| * Snippet Manager - https://pastebin.com | |
| ## COLOR & DESIGN | |
| * Create Color Schemes - https://color.hailpixel.com | |
| * Create Color Palettes - https://coolors.co | |
| * Get Color Schemes of Websites - http://stylifyme.com | |
| * Create Gradients - https://uigradients.com | |
| * CSS Button Generator - http://css3buttongenerator.com | |
| * HTML Entity Lookup - http://entity-lookup.leftlogic.com/ | |
| ## RESPONSIVENESS | |
| * Device Testing - https://responsively.app | |
| * What's My Browser Size - https://www.webpagefx.com/tools/whats-my-browser-size/ | |
| ## WIREFRAME | |
| * Design & Prototyping - https://www.figma.com | |
| * In Browser Wireframing - https://app.moqups.com | |
| * Very Basic In Browser Wireframing - https://wireframe.cc | |
| ## SPEED TEST | |
| * PageSpeed Insights - https://pagespeed.web.dev | |
| * Speed & Performance Testing - https://tools.keycdn.com/speed | |
| * Pingdom Speed Test - https://tools.pingdom.com/ | |
| ## AI-ASSISTED DEVELOPMENT | |
| * Claude Code - https://code.claude.com | |
| ## OTHER | |
| * Public API Resources - https://github.com/toddmotto/public-apis | |
| * Organized Docs for all Popular Web Technologies - https://devdocs.io |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment