Frontend Developer Equipment List
Tags: frontenddeveloper
Published: 2019-03-24 12:03:29

---
title: Frontend Developer Equipment List
published: true
description: Frontend Developer Equipment List
tags: Frontend Developer
---

Css Framework
[Bootstrap](https://getbootstrap.com/ "Bootstrap")

[Ulkit](https://getuikit.com/ "Ulkit")

[Semantic UI](https://semantic-ui.com/ "Semantic UI")

[Bulma css](https://bulma.io/ "Bulma css")

[Tailwind CSS](https://tailwindcss.com/docs/what-is-tailwind/ "Tailwind CSS")

[Pure css](https://purecss.io/ "Pure css")

[Mini Css](https://minicss.org/ "Mini Css")

[Skeleton: Responsive CSS Boilerplate](http://getskeleton.com/ "Skeleton: Responsive CSS Boilerplate")

[Font Awesome](https://fontawesome.com/ "Font Awesome")


[Animate.css](https://daneden.github.io/animate.css/ "Animate.css")

[Image Hover Effect](http://imagehover.io/ "Image Hover Effect")

[Loading Icons](https://loading.io/ "Loading Icons")

[Hint.css - A tooltip library in CSS](https://kushagragour.in/lab/hint/ "Hint.css - A tooltip library in CSS")

[EMOJI CSS](https://afeld.github.io/emoji-css/ "EMOJI CSS")

Sass
[include media](https://include-media.com/ "include media")


Chrome Plugins

[Breakpoint Tester](https://chrome.google.com/webstore/detail/breakpoint-tester/ffmkpfegfpfjaacpgmbloagbibfnmabj "Breakpoint Tester")

![](https://thepracticaldev.s3.amazonaws.com/i/m95jc1d5xxse5t00bd2k.jpg)


[Design Grid Overlay](https://chrome.google.com/webstore/detail/design-grid-overlay/kmaadknbpdklpcommafmcboghdlopmbi "Design Grid Overlay")

![](https://lh3.googleusercontent.com/gZP619OXJhiS2cvWfXxNC8zkEGcGgTRn8mzKMfuM9gtoLfjMxpHmSthgS0e9LA3l80LQQLB13MM=w640-h400-e365)

[CSS Peeper](https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk "CSS Peeper")

![](https://lh3.googleusercontent.com/JNUq1yo__qQwq0v85A2HcR7Sazha2NQ8_AsV3PE4JutnCi8Kb5d_-zEnlorROJ_REtqIl8lZrg=w640-h400-e365)

[WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm "WhatFont")

![](https://lh3.googleusercontent.com/7aorAms5qRbG_LVLWyW5PAuZiSHoSYA2Ce1VQrh35HxZOn9CAgfgsig_vS06P50ULN_9iohb=w640-h400-e365)

[Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd "Vue.js devtools")

![](https://lh3.googleusercontent.com/qxwDLIJ_CkyKGtJapQz6zd-g4YJCQlLbXLET3ZiddHHSR_wrBPKxgAaSA1eCcNtlJ19xBZ32Og=w640-h400-e365)

[GistBox Clipper](https://chrome.google.com/webstore/detail/gistbox-clipper/cejmhmbmafamjegaebkjhnckhepgmido "GistBox Clipper")

![](https://lh3.googleusercontent.com/npgKLSEQdVwu3jtZXE0HIdT5sTgwTT-OcykAM5dxIkMNfmwU84Q14O-S-4RW0FrGS_ipH-mlqFw=w640-h400-e365)


[Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg "Wappalyzer")
![](https://lh3.googleusercontent.com/b3hdv8twlh1yW5ZuNk88XzGN9pPnBwlMyVnjIeDFa-nT47e7xQ4y2vhwgPeTIBs-aQ7LbSIJ=w640-h400-e365)

[Postman](https://www.getpostman.com/ "Postman")

[React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi "React Developer Tools")
![](https://lh3.googleusercontent.com/GjX6Q3_FVJfc0DqE2wiPKkgOfth6otzV-D7GV-wB6sH5_t1oodMaHOBLsYOLeydb85bKWu6X=w640-h400-e365)


Js Framework
[Vuejs](https://vuejs.org/ "Vuejs")

[Reactjs](https://reactjs.org/ "Reactjs")

[Angularjs](https://angular.io/ "Angularjs")

[Webpack](https://webpack.js.org/ "Webpack")

[GulpJS](https://gulpjs.com/ "GulpJS")

[Gruntjs](https://gruntjs.com/ "Gruntjs")

[JavaScript Animated Typing with Typed.js](https://mattboldt.com/demos/typed-js/ "JavaScript Animated Typing with Typed.js")

[handsontable](https://handsontable.com/ "handsontable")

[Momentjs](https://momentjs.com/ "Momentjs")

[Drag and drop so simple it hurts](https://bevacqua.github.io/dragula/ "Drag and drop so simple it hurts")


[Create graphics with a hand-drawn, sketchy, appearance](https://roughjs.com/ "Create graphics with a hand-drawn, sketchy, appearance")

[Sweetalert](https://sweetalert.js.org/ "Sweetalert")

Editor

[Visual Studio Code](https://code.visualstudio.com/ "Visual Studio Code")

[Atom A hackable text editor](https://atom.io/ "Atom A hackable text editor")

[Webstrom](https://www.jetbrains.com/webstorm/ "Webstrom")


Thank you For reading