Skip to content

Tools for web developers css code , ui , color generators animation , icons, vector libraries , cheatsheet , playground, vs code , chrome extensions etc...

License

Notifications You must be signed in to change notification settings

smthari/Tools-For-Web-Developers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 
 
 
 
 

Repository files navigation


Tools For Web Developers

This is an awesome project about Web Development tools. ⚡

Tools are added frequently! ⚡

Enjoy!

If you like this repo, be sure to ⭐ it.

Please read contributing guidelines before submitting new tool.

Created by Sumit Harijan

Table of Contents



CSS-Generators:

Website
Cubic Bezier
BGJar
Smooth Shadow
Clip path
Get waves
Wait animate
Keyframes
CSS Typeset
Blob maker
Fancy border radius
Neumorphism
Glassmorphism
Button

⬆ back to top

VS-Code-extensions:

Website
Auto rename tag
Bracket Pair Colorizer
Codesnap
CSS Formatter
ES7 React/Redux/GraphQL/React-Native snippets
GitLens — Git supercharged
HTML Snippets
indent-rainbow
JavaScript (ES6) code snippets
Liver server
Live share
Markdown all in one
Material Icon Theme
Prettier - Code formatter
Glean - React tool

⬆ back to top

Frontend-challenge:

Website
Frontend mentor
Code mento
crio

Frontend-projects

Website
Freefrontend
Front code

⬆ back to top

Vector-images:

Website
Undraw
FreeVectors
Freepik
Humaans
Open Doodles
Vector Illustrations
Illustrations Figma
IconScout

⬆ back to top

Icons:

Website
Flaticon
Icons8
Fontawesome icons
Iconfinder
GraphicBurger
React icons
Material ui icons
3dicons
Iconshock
ICONS-icons - free
uxwing-icons - free

⬆ back to top

Image-enhancer:

Website
Img upscaler
Upscale pics
Img larger
Adobe spark
Optimizeimages

⬆ back to top

Animation-libraries:

Website
Animista
Animate.css
Magic effects
Hover.css
CSS shake
Swiper.js
Greensock
Michalsnik
Three.js
Splidejs

⬆ back to top

Cheatsheet

Website
html cheatsheet
Grid layout
flexbox
Javascript cheatsheet
React cheatsheet
GitSheet
Media queries
OverAPI
Bootstrap 4
Can i use
Cheatography
Glider

⬆ back to top

Website-for-code-snippets

Website
CSS Layout
Codepad
Codemyui
CSS-tricks
CSS snippets
Codepen
Free frontend
30secondofcode
HTML DOM
1 LOC
Vanilla JavaScript Toolkit
Thisthat

⬆ back to top

Editor-and-playground

Website
Codesandbox
Codepen
VS Code online
VS Code
Sublime text editor
Markdown editor

⬆ back to top

Hosting

Website
AWS
Google Cloud Service
Github Page
Netlify
Firebase Hosting

⬆ back to top

APIs

Website
Google Web Fonts API
OpenSocial
Instamojo
YouTube APIs
Twitter APIs
Facebook APIs
Unsplash
Spotify
Mailchimp
Disqus
ChatBot

⬆ back to top

React-ui-libraries

Website
Ant design
MATERIAL-UI
React Bootstrap
[ React Toolbox] http://react-toolbox.io)
Rebass
Evergreen
Grommet

⬆ back to top

QNA-websites

Website
StackOverflow
Quora
Reddit
StackExchange

⬆ back to top

Chrome-extensions

Website
Gofullpage
CSSViewer
Fonts Ninja
ColorZilla
Window Resizer
Wappalyzer
Rwd tester
JSON Viewer
React developer tool
Mobile simulator
Web Developer
CSS peeper
Built with
Grepper

⬆ back to top

animationstocks

Website
Animated icons
Animated videos vectors

⬆ back to top

stock

Website
Free - images,videos,sound effects,music - Mixkit
Free - images,videos,sound effects,music - Pixabay
Free - images,videos,sound effects,music, premiere pro effects etc - video.net
Free - images,videos - Pexels
Free - images,videos,vectors - vecteezy

Inspiration

Website
Artstation
Motion Array
Videezy - Video template

Flowchart & Diagram

Website
Whimsical
Excalidraw