Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/felipefialho/frontend-tools

:fire_engine: Useful tools to frontenders
https://github.com/felipefialho/frontend-tools

List: frontend-tools

awesome-list css-generators favicons-generators font-face-generators front-end-tools icon-fonts-generators sprites-generators

Last synced: about 1 month ago
JSON representation

:fire_engine: Useful tools to frontenders

Awesome Lists containing this project

README 

        



# Frontender Tools



[![license](https://img.shields.io/github/license/felipefialho/frontend-tools.svg)](./license.md)

[![GitHub contributors](https://img.shields.io/github/contributors/felipefialho/frontend-tools.svg)](https://github.com/felipefialho/frontend-tools/graphs/contributors)



Follows a list with links of online useful tools to Front-End Developers.



__Help the community doing your contribution. It's easy and simple. Just keep sections in alphabetic order__.



- [Acessibility Validators](#acessibility-validators)

- [API](#api)

- [Bootstrap Generators](#bootstrap-generators)

- [Code Quality](#code-quality)

- [Cross Browser](#cross-browser)

- [Cross Device](#cross-device)

- [CSS Generators](#css-generators)

- [Data Generators](#data-generators)

- [Favicons Generators](#favicons-generators)

- [Feeds](#feeds)

- [Font-face Generators](#font-face-generators)

- [Font-face Viewers](#font-face-viewers)

- [Foruns](#foruns) 

- [Git](#git)

- [Hosting](#hosting-projects)

- [Icon Fonts Generators](#icon-fonts-generators)

- [Images Generators](#images-generators)

- [Images Optimizers](#images-optimizers)

- [Javascript Libs](#javascript-libs)

- [Mobile Devices Compatibility](#mobile-devices-compatibility)

- [Names Generators](#names-generators)

- [Performance Analysis](#performance-analysis)

- [Offline Docs](#offline-docs)

- [Online Docs](#online-docs)

- [Online Editors](#online-editors)

- [Prototypes generators](#prototypes-generators)

- [PSD Extractors](#psd-extractors)

- [Share Utils](#share-utils)

- [Style Guide Generators](#style-guide-generators)

- [Sprites Generators](#sprites-generators)

- [SVG](#svg)

- [Text Generators](#text-generators)

- [Visits Analysis](#visits-analysis)

- [Web Components Libs](#web-components-libs)



----



## Acessibility Validators



- [508 Checker](http://www.508checker.com/)

- [Access Monitor](http://www.acessibilidade.gov.pt/accessmonitor/)

- [Check My Colours](http://www.checkmycolours.com/)

- [DaSilva](http://www.dasilva.org.br/) 🇧🇷

- [Jaws](http://www.freedomscientific.com/Products/Blindness/JAWS)

- [NVDA](https://www.nvaccess.org/)

- [Tota11y](http://khan.github.io/tota11y/)



## API



- [Apiary](https://apiary.io/)

- [JSON Placeholder](https://jsonplaceholder.typicode.com/)

- [Mashape](https://www.mashape.com/)

- [Mockbin](http://mockbin.org/)

- [Mocky](http://www.mocky.io/)

- [Swagger](http://swagger.io/)



## Bootstrap 



- [Bootstrap 5 Cheatsheet](https://bootstrap-cheatsheet.themeselection.com/)

- [BootsButton](http://www.thiagocanudo.com.br/bootsbutton/)

- [Shoelace](http://shoelace.io/)



## Code Quality



- [CSS Lint](http://csslint.net/)

- [ESLint](http://eslint.org/)

- [HTML Validator](http://validator.w3.org/)

- [JS Hint](http://jshint.com/)

- [Stylelint](https://stylelint.io/)



## Cross Browser



- [Browserstack](http://www.browserstack.com/)

- [Caniuse](http://caniuse.com/)

- [HTML5 Test](https://html5test.com/)



## Cross Device



- [Responsa](http://thiagocanudo.com.br/responsa/)

- [Responsinator](https://www.responsinator.com/)

- [Responsive](http://responsive.victorcoulon.fr/)

- [Responsive Design Testing](http://mattkersley.com/responsive/)

- [Screenfly](http://quirktools.com/screenfly/)



## CSS Generators



- [Blend](http://colinkeany.com/blend/)

- [CSS Animate](http://cssanimate.com/)

- [CSS Border-Radius Generator](http://border-radius.com/)

- [CSS Button Generator](http://css3buttongenerator.com/)

- [CSS Gradient Editor ](http://www.colorzilla.com/gradient-editor/)

- [CSS Triangle Generator](http://apps.eky.hk/css-triangle-generator/)

- [CSS3 Generator](http://css3generator.com/)

- [UIGradients](http://uigradients.com)

- [WebGradients](https://webgradients.com/)



## Data Generators



- [Generate Data](http://www.generatedata.com/)

- [Mockaroo](https://www.mockaroo.com/)



## Favicons Generators



- [Favic-o-matic](http://www.favicomatic.com/)

- [Favicon & App Icon Generator](http://www.favicon-generator.org/)

- [Real Favicon Generator](http://realfavicongenerator.net/)



## Feeds



- [Feedly](https://feedly.com/)

- [Pocket](https://getpocket.com/)



## Font-Face Generators



- [Font Squirrel](http://www.fontsquirrel.com/)

- [Fontie](https://fontie.flowyapps.com/home)

- [Google Fonts](https://www.google.com/fonts)

- [Online Font Converter](https://onlinefontconverter.com/)

- [Transfonter](http://transfonter.org/)



## Font-Face Viewers



- [FontSee](https://fontsee.com/)



## Foruns



- [Front-End Brasil](https://github.com/frontendbr/forum) :octocat: 🇧🇷

- [Stackoverflow](http://stackoverflow.com/)

- [Stackoverflow pt-br](http://pt.stackoverflow.com/) 🇧🇷

- [Tableless](http://forum.tableless.com.br/) 🇧🇷



## Frameworks



- [AgnosticUI](https://www.agnosticui.com/)

- [Bootstrap](http://getbootstrap.com/)

- [Bulma](http://bulma.io/)

- [Foundation](http://foundation.zurb.com/)

- [Foundation for Emails](http://foundation.zurb.com/emails.html)

- [Materialize CSS](http://materializecss.com/)

- [MJML - Email Framework](https://mjml.io/)



## Git



- [gitignore.io](https://www.gitignore.io/)



## Hosting Projects



- [Bitbucket](https://bitbucket.org/)

- [Github](https://github.com/) :octocat:

- [Gitlab](https://gitlab.com/)

- [Team Foundation Server](https://msdn.microsoft.com/en-us/vstudio/ff637362.aspx)



## Icon Fonts Generators



- [Character Entities](https://brajeshwar.github.io/entities/) :octocat:

- [Fontello](http://fontello.com/)

- [Font Awesome](http://fortawesome.github.io/Font-Awesome/) :octocat:

- [HTML Arrows](http://htmlarrows.com/)

- [Icon Moon](https://icomoon.io/)



## Images Generators



- [ConvertICO](http://convertico.com/)

- [Fake images please?](http://fakeimg.pl/)

- [Lorempixel](http://lorempixel.com/)

- [Placehold.it](http://placehold.it/)

- [UI Faces](http://uifaces.com/)



## Images Optimizers



- [Image Host Company](https://www.imagehostcompany.com/)

- [Compressor.io](https://compressor.io/)

- [ImageOptim-CLI](https://github.com/JamieMason/ImageOptim-CLI) :octocat:

- [JPEGmini](http://www.jpegmini.com/)

- [Kraken.io](https://kraken.io/web-interface)

- [Optimizilla](http://optimizilla.com/)

- [Smush](http://www.smushit.com/ysmush.it/)

- [Tiny png](https://tinypng.com/)

- [Compress png](http://compresspng.com/)



## Javascript Libs



- [JavascriptOO](http://www.javascriptoo.com/)

- [Unheap](http://www.unheap.com/) 



## Mobile Devices Compatibility



- [Mobile Checker](https://validator.w3.org/mobile-alpha/)

- [Mobile Friendly](https://www.google.com/webmasters/tools/mobile-friendly/)



## Names Generators



- [Behind The Name](http://www.behindthename.com/random/)

- [Fantasy Name Generator](http://fantasynamegenerators.com/)

- [Intel Codename Picker](https://www.npmjs.com/package/intel-codenames-picker)

- [Name That Color](http://chir.ag/projects/name-that-color/)



## Performance Analysis



- [DebugBear Speed Test](https://www.debugbear.com/test/website-speed)

- [GTMetrix](http://gtmetrix.com/)

- [PageSpeed](https://developers.google.com/speed/pagespeed/insights/)

- [YSlow](http://yslow.org/)

- [Web Page Test](http://webpagetest.org/)

- [Woorank](https://www.woorank.com/pt)



## Offline Docs



- [Dash](http://kapeli.com/dash)

- [Devdocs Offline](http://devdocs.io/offline)



## Online Docs



- [Devdocs](http://devdocs.io/)

- [Emmet Cheat Sheet](http://docs.emmet.io/cheat-sheet/)

- [HTML5 Doctor](http://html5doctor.com/)

- [HTML Reference](http://htmlreference.io/)

- [Mozilla Developer Network](https://developer.mozilla.org/pt-BR/) 🇧🇷

- [W3C](http://www.w3.org/)

- [Web Platform](https://www.webplatform.org/)

- [WHATWG](https://whatwg.org/)



## Online editors



- [Codeanywhere](https://codeanywhere.com/)

- [CodeCast](http://www.codecast.me/launch/)

- [Codepen](http://codepen.io/)

- [Codiad](http://codiad.com/)

- [CSS Deck](http://cssdeck.com/)

- [Ideone](https://ideone.com/)

- [Jade/Pug Editor](http://aramboyajyan.github.io/online-jade-template-editor)

- [Jsbin](http://jsbin.com/)

- [Jsfiddle](http://jsfiddle.net/)

- [Kodtest](http://kodtest.com/)

- [Liveweave](http://liveweave.com/)

- [Stackedit](https://stackedit.io/)



## Prototypes Generators



- [Draw.io](https://www.draw.io/)

- [Figma](https://www.figma.com/)

- [Marvel](https://marvelapp.com/)

- [Mockflow](https://www.mockflow.com/)

- [Mocking Bird](http://gomockingbird.com/)

- [Moqups](https://moqups.com/)

- [QuirkTools Wires](http://quirktools.com/wires/)

- [Wireframe.cc](https://wireframe.cc/)

- [Windframe](https://www.devwares.com/windframe/)



## PSD Extractors



- [Avocode](https://avocode.com/) _Trial/Paid_

- [Extract Adobe](http://www.adobe.com/br/creativecloud/extract.html)

- [Project Parfait](https://projectparfait.adobe.com/)



## Share utils



- [Carbon](https://carbon.now.sh/)

- [screenshot.rocks](https://screenshot.rocks/#)



## Style Guide Generators



- [Catalog](https://interactivethings.github.io/catalog/) :octocat:

- [Stylify Me](https://screenshot.rocks/#)



## Sprites Generators



- [CSS Sprites](http://csssprites.com/)

- [SpritePad](http://wearekiss.com/spritepad)

- [Sprite Cow](http://www.spritecow.com/)



## SVG



- [Sinwaver Generate SVG Sine Waves](https://www.sinwaver.com/)

- [Awesome SVG](https://github.com/willianjusten/awesome-svg) :octocat:

- [Svgomg](https://jakearchibald.github.io/svgomg/)



## Text Generators



- [Bacon Ipsum](http://baconipsum.com/)

- [Beer Ipsum](http://beeripsum.com/)

- [Blindtext](http://www.blindtextgenerator.com/lorem-ipsum)

- [Bluth Ipsum](http://bluthipsum.com/)

- [Compadre Ipsum](http://compadreipsum.com.br/) 🇧🇷

- [Cupcake Ipsum](http://cupcakeipsum.com/)

- [Dilmês Ipsum](http://dilmesipsum.com.br/) 🇧🇷

- [Fifty Shades Ipsum](http://www.fiftyshadesgenerator.com/)

- [Fillerama Ipsum](http://chrisvalleskey.com/fillerama/)

- [Fillerati](http://www.fillerati.com/)

- [Gag Ipsum](http://www.gagipsum.com/)

- [Hipster Ipsum](http://hipsteripsum.me/)

- [Lebowski Ipsum](http://lebowskiipsum.com/)

- [Liquor Ipsum](http://liquoripsum.com/)

- [Lorem Ipsum](http://br.lipsum.com/) 🇧🇷

- [Lorizzle](http://lorizzle.nl/)

- [Miojo Ipsum](http://miojoipsum.com/)

- [Mussum Ipsum](http://mussumipsum.com/) 🇧🇷

- [Random Text](http://randomtextgenerator.com/)

- [Slipsum](http://slipsum.com/)

- [Swearem Ipsum](http://www.swearemipsum.com/)

- [Trollem Ipsum](trollemipsum.appspot.com/)

- [TV Ipsum](http://tvipsum.com/)

- [Vaticanassass](http://vaticanassass.in/)

- [Vegani Ipsum](http://bengreen.org.uk/veganipsum/)

- [Veggie Ipsum](http://veggieipsum.com/)

- [Zombie Ipsum](http://www.zombieipsum.com/)



## Testing



- [Testr](http://testr.com.br/)



## Vue



- [Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)



## Visits Analysis



- [Alexa](http://www.alexa.com/)

- [Informer](http://website.informer.com/)

- [Similar Web](http://www.similarweb.com/)



## Web Components Libs



- [Bower](http://bower.io/search/?q=web-components)

- [Component Kitchen](http://component.kitchen/components)

- [Custom Elements](http://customelements.io/)

- [Polymer](https://www.polymer-project.org/1.0/)



## License



[MIT License](http://felipefialho.mit-license.org/) © Felipe Fialho