# Web Tools [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

>An awesome list of hosted tools for web development.

## Sponsors

<p>
  <a href="https://sailboatui.com/" target="_blank">
    <img src="https://raw.githubusercontent.com/sailboatui/sailboatui/main/.github/logo-light.svg"  height="50" alt="Sailboat UI">
  </a>
</p>

## Contents

### Response

* [Responsinator](http://www.responsinator.com/)
* [viewport-resizer](http://lab.maltewassermann.com/viewport-resizer/)
* [Media Queri](http://mediaqueri.es/)
* [Screensiz](http://screensiz.es/phone)
* [Sizzy](http://sizzy.co)
* [Polypane](http://polypane.rocks)

### Placeholder

* [placehold.it](https://place-hold.it/)
* [temp.im](http://temp.im/)
* [lorempixel](http://lorempixel.com/)
* [dummyimage](http://dummyimage.com/)
* [placekitten](http://placekitten.com/)
* [unsplash](https://source.unsplash.com/)
* [smalldev.tools - placeholder](https://smalldev.tools/placeholder-image-generator-online)

### Favicon

* [favicon-generator](http://www.favicon-generator.org/)
* [favicon.cc](http://www.favicon.cc/)
* [xiconeditor](http://www.xiconeditor.com/)
* [tool.lu favicon](http://tool.lu/favicon/)
* [bitbug](http://www.bitbug.net/)
* [favicomatic](http://www.favicomatic.com/)
* [RealFaviconGenerator](https://realfavicongenerator.net/)
* [favicon.io](https://favicon.io/)

### CDN

* [staticfile](http://www.staticfile.org/)
* [bootcss cdn](http://www.bootcdn.cn/)
* [cdnjs.cn](http://www.cdnjs.cn/)
* [cdnjs](https://cdnjs.com/)
* [upai](http://jscdn.upai.com/)
* [Baidu cdn](http://cdn.code.baidu.com/)
* [360 cdn](http://libs.useso.com/)
* [jquery cdn](http://code.jquery.com/)
* [lib.sinaapp](http://lib.sinaapp.com/)
* [jsDelivr](http://www.jsdelivr.com/)
* [statically](https://statically.io/)
* [pagecdn](https://pagecdn.com/lib)

### CSS

* [neumorphism css generator](https://neumorphism.io/)
* [css-triangle-generator](http://apps.eky.hk/css-triangle-generator/zh-hant)
* [csszengarden](http://www.csszengarden.com/)
* [CSS Gradient Generator](http://www.colorzilla.com/gradient-editor/)
* [cssBeutify](http://tool.lu/css/)
* [css spritegen](http://spritegen.website-performance.org/)
* [csssprites](http://csssprites.com/)
* [sassme](http://sassme.arc90.com/)
* [css Should I Prefix](http://shouldiprefix.com/)
* [CSS Unit Converter](https://cssunitconverter.com/)


### Image compression

* [webresizer](http://webresizer.com/resizer/)
* [TinyPNG](https://tinypng.com)
* [AlloyPhoto](http://alloyteam.github.io/AlloyPhoto/)
* [Compressor.io](https://compressor.io/)
* [Shrinkray](https://shrinkray.io)
* [Trimage](https://trimage.org)
* [Compress-Or-Die](https://compress-or-die.com/)

### JavaScript

* [jsBeutify](http://tool.lu/js/)
* [jsbeautifier](http://jsbeautifier.org/)
* [jsfiddle](http://jsfiddle.net/)
* [jsbin](http://jsbin.com/)
* [SmallDev.tools - JS formatter](https://smalldev.tools/javascript-formatter-online)
* [Flatlogic CRUD Apps Generator](https://flatlogic)
* [dhtmlx javascript components](https://dhtmlx.com/docs/products/)

### Pagespeed

* [PageSpeed](https://developers.google.com/speed/pagespeed/insights/)
* [Alibench](http://alibench.com/)
* [Webkaka](http://pagespeed.webkaka.com/)
* [Modern IE Reporting tool](https://www.modern.ie/en-us/report)
* [GTmetrix](https://gtmetrix.com/)

### Color

* [nipponcolors](http://nipponcolors.com/)
* [flatuicolors](http://flatuicolors.com/)
* [Color Thief](http://lokeshdhakar.com/projects/color-thief/)
* [color-hex](http://www.color-hex.com/)
* [colors](https://github.com/mrmrs/colors)
* [chuantongsecai](http://ylbook.com/cms/web/chuantongsecai/chuantongsecai.htm)
* [colourco.de](http://colourco.de)
* [flatuicolorpicker](http://www.flatuicolorpicker.com/)
* [krmp.cc](https://github.com/dadleyy/krmp.cc)
* [Image Color Picker](https://image-color.com)
* [Respresso](https://respresso.io/)
* [Branding Colors](https://branition.com/colors)

### Font

* [Google Fonts](https://www.google.com/fonts)
* [Adobe Fonts](https://fonts.adobe.com/)
* [dafont](http://www.dafont.com/)
* [youziku](http://www.youziku.com/)
* [qiuziti](http://www.qiuziti.com/)
* [fonts2u](http://www.fonts2u.com/index.html)
* [webfonts](http://www.fonts.com/web-fonts)
* [justfont](http://www.justfont.com/)
* [iconpark](https://github.com/lvwzhen/iconpark)
* [FontSquirrel](http://www.fontsquirrel.com/)
* [Fontface Ninja](http://fontface.ninja/)
* [Easy Fonts](https://pagecdn.com/lib/easyfonts)
* [Respresso](https://respresso.io/)
* [Brick](https://brick.im/)

### Forms

* [Form.taxi](https://form.taxi/)
* [SmarkForm](https://smarkform.bitifet.net)

### API Debugging

* [ExtendsClass.com](https://extendsclass.com/rest-client-online.html)
* [RequestBin.com](https://requestbin.com/)
* [Beeceptor.com](https://beeceptor.com/)

### API Doc

* [Jquery API](http://www.jquery123.com/)
* [OverAPI](http://overapi.com/)
* [devdocs](http://devdocs.io/)
* [oschina apidoc](http://tool.oschina.net/apidocs)
* [Easing functions](http://easings.net/en)

### Git Host

* [GitHub](https://github.com/)
* [Bitbucket](https://bitbucket.org/)
* [GitLab](https://about.gitlab.com/)
* [GitCafe](https://gitcafe.com/)
* [Git@OSC](http://git.oschina.net/)

### webpack

* [Visual webpack config tool](https://webpack.jakoblind.no/)

### Code Playgrounds

* [CodePen](https://codepen.io/)
* [CodeSandbox](https://codesandbox.io/)
* [Glitch](https://glitch.com/)
* [JSFiddle](https://jsfiddle.net/)
* [JS BIN](http://jsbin.com/)
* [Dabblet](http://dabblet.com/)
* [CSSDeck](http://cssdeck.com/)
* [Plunker](http://plnkr.co/)
* [Liveweave](https://liveweave.com/)
* [StackBlitz](https://stackblitz.com/)
* [FastSitePHP](https://www.fastsitephp.com/en/playground)
* [DataFormsJS](https://www.dataformsjs.com/en/playground)
* [AnyChart Playground](https://playground.anychart.com/)

### CheatSheet
* [Bootstrap CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)
* [Regex CheatSheet](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions/Cheatsheet)

### UI Builders
* [Windframe](https://www.devwares.com/windframe/)

### Tools collection
* [SmallDev.tools](https://smalldev.tools/)
* [Hreflang checker](https://localizely.com/hreflang-checker/)
* [giga.tools](https://giga.tools/)