Frontender Tools

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
• API
• Bootstrap Generators
• Code Quality
• Cross Browser
• Cross Device
• CSS Generators
• Data Generators
• Favicons Generators
• Feeds
• Font-face Generators
• Font-face Viewers
• Foruns
• Git
• Hosting
• Icon Fonts Generators
• Images Generators
• Images Optimizers
• Javascript Libs
• Mobile Devices Compatibility
• Names Generators
• Performance Analysis
• Offline Docs
• Online Docs
• Online Editors
• Prototypes generators
• PSD Extractors
• Share Utils
• Style Guide Generators
• Sprites Generators
• SVG
• Text Generators
• Visits Analysis
• Web Components Libs

Acessibility Validators

• 508 Checker
• Access Monitor
• Check My Colours
• DaSilva 🇧🇷
• Jaws
• NVDA
• Tota11y

API

• Apiary
• JSON Placeholder
• Mashape
• Mockbin
• Mocky
• Swagger

Bootstrap

• Bootstrap 5 Cheatsheet
• BootsButton
• Shoelace

Code Quality

• CSS Lint
• ESLint
• HTML Validator
• JS Hint
• Stylelint

Cross Browser

• Browserstack
• Caniuse
• HTML5 Test

Cross Device

• Responsa
• Responsinator
• Responsive
• Responsive Design Testing
• Screenfly

CSS Generators

• Blend
• CSS Animate
• CSS Border-Radius Generator
• CSS Button Generator
• CSS Gradient Editor
• CSS Triangle Generator
• CSS3 Generator
• UIGradients
• WebGradients

Data Generators

• Generate Data
• Mockaroo

Favicons Generators

• Favic-o-matic
• Favicon & App Icon Generator
• Real Favicon Generator

Feeds

• Feedly
• Pocket

Font-Face Generators

• Font Squirrel
• Fontie
• Google Fonts
• Online Font Converter
• Transfonter

Font-Face Viewers

• FontSee

Foruns

• Front-End Brasil 🇧🇷
• Stackoverflow
• Stackoverflow pt-br 🇧🇷
• Tableless 🇧🇷

Frameworks

• AgnosticUI
• Bootstrap
• Bulma
• Foundation
• Foundation for Emails
• Materialize CSS
• MJML - Email Framework

Git

• gitignore.io

Hosting Projects

• Bitbucket
• Github
• Gitlab
• Team Foundation Server

Icon Fonts Generators

• Character Entities
• Fontello
• Font Awesome
• HTML Arrows
• Icon Moon

Images Generators

• ConvertICO
• Fake images please?
• Lorempixel
• Placehold.it
• UI Faces

Images Optimizers

• Compressor.io
• ImageOptim-CLI
• JPEGmini
• Kraken.io
• Optimizilla
• Smush
• Tiny png
• Compress png

Javascript Libs

• JavascriptOO
• Unheap

Mobile Devices Compatibility

• Mobile Checker
• Mobile Friendly

Names Generators

• Behind The Name
• Fantasy Name Generator
• Intel Codename Picker
• Name That Color

Performance Analysis

• DebugBear Speed Test
• GTMetrix
• PageSpeed
• YSlow
• Web Page Test
• Woorank

Offline Docs

• Dash
• Devdocs Offline

Online Docs

• Devdocs
• Emmet Cheat Sheet
• HTML5 Doctor
• HTML Reference
• Mozilla Developer Network 🇧🇷
• W3C
• Web Platform
• WHATWG

Online editors

• Codeanywhere
• CodeCast
• Codepen
• Codiad
• CSS Deck
• Ideone
• Jade/Pug Editor
• Jsbin
• Jsfiddle
• Kodtest
• Liveweave
• Stackedit

Prototypes Generators

• Draw.io
• Figma
• Marvel
• Mockflow
• Mocking Bird
• Moqups
• QuirkTools Wires
• Wireframe.cc
• Windframe

PSD Extractors

• Avocode Trial/Paid
• Extract Adobe
• Project Parfait

Share utils

• Carbon
• screenshot.rocks

Style Guide Generators

• Catalog
• Stylify Me

Sprites Generators

• CSS Sprites
• SpritePad
• Sprite Cow

SVG

• Awesome SVG
• Svgomg

Text Generators

• Bacon Ipsum
• Beer Ipsum
• Blindtext
• Bluth Ipsum
• Compadre Ipsum 🇧🇷
• Cupcake Ipsum
• Dilmês Ipsum 🇧🇷
• Fifty Shades Ipsum
• Fillerama Ipsum
• Fillerati
• Gag Ipsum
• Hipster Ipsum
• Lebowski Ipsum
• Liquor Ipsum
• Lorem Ipsum 🇧🇷
• Lorizzle
• Miojo Ipsum
• Mussum Ipsum 🇧🇷
• Random Text
• Slipsum
• Swearem Ipsum
• Trollem Ipsum
• TV Ipsum
• Vaticanassass
• Vegani Ipsum
• Veggie Ipsum
• Zombie Ipsum

Testing

• Testr

Visits Analysis

• Alexa
• Informer
• Similar Web

Web Components Libs

• Bower
• Component Kitchen
• Custom Elements
• Polymer

License

MIT License © Felipe Fialho