[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/front-end-development/web-tools.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Web Tools **repo:** [lvwzhen/tools](https://github.com/lvwzhen/tools) **category:** [[front-end-development|Front-End Development]] --- # Web Tools [](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](/@harrisonqian/awesome/wiki/front-end-development/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](/@harrisonqian/awesome/wiki/development-environment/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](/@harrisonqian/awesome/wiki/platforms/apps) Generator](https://flatlogic) * [dhtmlx [javascript](/@harrisonqian/awesome/wiki/programming-languages/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](/@harrisonqian/awesome/wiki/media/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/) * [FreeToolBox](https://www.freetoolbox.site/) * [Hreflang checker](https://localizely.com/hreflang-checker/) * [giga.tools](https://giga.tools/)