Home / JavaScript / Font and Icon

This is an awesome project about Web Development tools. ⚡

Tools for web developers this repository contains a best and useful tools for web developers what we can use in our daily professional life like css code generators , ui generators , color generators , animation libraries , free icons, free vector , cheatsheet , editor playground, vs code extensions, chrome extensions etc...
Information
Category: JavaScript / Font and Icon
Watchers: 1
Star: 18
Fork: 4
Last update: Dec 6, 2021
Resource links
https://instagram.com/codingsumit
https://github.com/smthari/Tools-For-Web-Developers

Tools For Web Developers

This is an awesome project about Web Development tools. ⚡

Resources are added frequently! ⚡

Enjoy!

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

Created by Sumit Harijan

Table of Contents

CSS-Generators:

Website
Cubic Bezier https://cubic-bezier.com
BGJar https://bgjar.com
Smooth Shadow https://shadows.brumm.af
Clip path https://bennettfeely.com/clippy
Get waves https://getwaves.io
Wait animate https://waitanimate.wstone.io
Keyframes https://keyframes.app
CSS Typeset http://csstypeset.com
Blob maker https://www.blobmaker.app
Fancy border radius https://9elements.github.io/fancy-border-radius
Neumorphism https://neumorphism.io/#e0e0e0
Glassmorphism https://hype4.academy/toolsglassmorphism-generator
Button https://www.bestcssbuttongenerator.com

⬆ back to top

VS-Code-extensions:

Website
Auto rename tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Bracket Pair Colorizer https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
Codesnap https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap
CSS Formatter https://marketplace.visualstudio.com/items?itemName=aeschli.vscode-css-formatter
ES7 React/Redux/GraphQL/React-Native snippets https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
GitLens — Git supercharged https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
HTML Snippets https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets
indent-rainbow https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
JavaScript (ES6) code snippets https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
Liver server https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Live share https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
Markdown all in one https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one
Material Icon Theme https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Prettier - Code formatter https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

⬆ back to top

Vector-images:

Website
Undraw https://undraw.co
FreeVectors https://www.freevectors.net
Freepik https://www.freepik.com
Humaans https://www.humaaans.com

⬆ back to top

Icons:

Website
Flaticon https://www.flaticon.com
Icons8 https://icons8.com/icons/set/website
Fontawesome icons https://fontawesome.com
Iconfinder https://www.iconfinder.com
GraphicBurger https://graphicburger.com/icons-set/
React icons https://react-icons.github.io/react-icons
Material ui icons https://mui.com/components/material-icons

⬆ back to top

Image-enhancer:

Website
Img upscaler https://imgupscaler.com
Upscale pics https://upscalepics.com
Img larger https://imglarger.com/Enhancer
Adobe spark https://www.adobe.com/express/feature/image/enhance

⬆ back to top

Animation-libraries:

Website
Animista https://animista.net
Animate.css https://animate.style
Magic effects https://www.minimamente.com/project/magic
Hover.css https://ianlunn.github.io/Hover
CSS shake https://elrumordelaluz.github.io/csshake
Swiper.js https://swiperjs.com
Greensock https://greensock.com
Michalsnik https://michalsnik.github.io/aos
Three.js https://threejs.org
Splidejs https://splidejs.com

⬆ back to top

Cheatsheet

Website
html cheatsheet https://htmlcheatsheet.com
Grid layout https://grid.malven.co
flexbox https://flexbox.malven.co
Javascript cheatsheet https://ilovecoding.org/blog/js-cheatsheet
React cheatsheet http://www.developer-cheatsheets.com/react
GitSheet https://gitsheet.wtf
Media queries https://mac-blog.org.ua/css-3-media-queries-cheat-sheet
OverAPI https://overapi.com/javascript
Bootstrap 4 https://hackerthemes.com/bootstrap-cheatsheet
Can i use https://caniuse.com
Cheatography https://cheatography.com/programming

⬆ back to top

Website-for-code-snippets

Website
CSS Layout https://csslayout.io
Codepad https://codepad.co
Codemyui https://codemyui.com
CSS-tricks https://css-tricks.com/snippets
CSS snippets https://css-snippets.com/snippets
Codepen https://codepen.io/collection/DYpwPE
Free frontend https://freefrontend.com/css-snippets
30secondofcode https://www.30secondsofcode.org
HTML DOM https://htmldom.dev
1 LOC https://1loc.dev
Vanilla JavaScript Toolkit https://vanillajstoolkit.com
Thisthat https://thisthat.dev

⬆ back to top

Editor-and-playground

Website
Codesandbox https://codesandbox.io
Codepen https://codepen.com
VS Code online https://vscode.dev
VS Code https://code.visualstudio.com/download
Sublime text editor https://www.sublimetext.com/3
Markdown editor https://stackedit.io

⬆ back to top

Hosting

Website
AWS https://aws.amazon.com/free
Google Cloud Service https://cloud.google.com/free
Github Page https://pages.github.com
Netlify https://www.netlify.com
Firebase Hosting https://firebase.google.com/products/hosting?

⬆ back to top

APIs

Website
Google Web Fonts API https://developers.google.com/fonts?csw=1
OpenSocial http://www.opensocial.org
Instamojo https://www.instamojo.com/developers
YouTube APIs https://developers.google.com/youtube/v3
Twitter APIs https://developer.twitter.com/en
Facebook APIs https://developers.facebook.com
Unsplash https://unsplash.com/developers
Spotify https://developer.spotify.com/discover
Mailchimp https://mailchimp.com/developer
Disqus https://disqus.com/api/docs

⬆ back to top

React-ui-libraries

Website
Ant design https://ant.design
MATERIAL-UI https://mui.com
React Bootstrap https://react-bootstrap.github.io
React Toolbox http://react-toolbox.io
Rebass https://rebassjs.org
Evergreen https://evergreen.segment.com

⬆ back to top

QNA-websites

Website
StackOverflow https://stackoverflow.com
Quora https://quora.com
Reddit REDDIT.com
StackExchange https://stackexchange.com

⬆ back to top

Chrome-extensions

Website
Gofullpage
CSSViewer
Fonts Ninja
ColorZilla
Window Resizer
Wappalyzer
Rwd tester
JSON Viewer
React developer tool

⬆ back to top

0 Open More issues
Closed

added gormmet and shards as react ui libraries

null

opened Dec 17, 2021 by priyanshkulshrestha 0
Closed

Created CONTRIBUTING.md

null

opened Dec 9, 2021 by smthari 0
Closed

Create LICENSE

added a license

opened Dec 5, 2021 by smthari 0
Open

New resource added

null

opened Jun 7, 2022 by lufer96 0

Contents

    obetomuniz A curated list of awesome Web Components tools, articles and resources.
    dzharii A collection of awesome TypeScript resources for client-side and server-side development. Write your awesome JavaScript in TypeScript
    quozd A collection of awesome .NET libraries, tools, frameworks and software
    jekil Awesome hacking is an awesome collection of hacking tools.
    jsbroks 🔧 A curated list of awesome dataset tools
    MarkoDenic This is an awesome project about Web Development resources. ⚡
    SXKDZ A curated list for awesome self-supervised learning for graphs.
    IndrajeetPatil A curated list of awesome resources for R package development
    planetjekyll A collection of awesome Jekyll goodies (tools, templates, plugins, guides, etc.)
    ksoichiro A curated list of awesome Gradle plugins and resources for a better development workflow automation.
    Zfinix ⚡ Tools for a Dart powered decentralized web
    adamsitnik A curated list of awesome .NET Performance books, courses, trainings, conference talks, blogs and most inspiring open source contributors. Inspired by awesome-... stuff.
    Justineo vue-awesome - Font Awesome component for Vue.js, using inline SVG.
    krispo A collection of awesome Haskell links, frameworks, libraries and software. Inspired by awesome projects line.
    RizhaoCai Paper collection of about the face anti-spoofing
    dahlia A curated list of awesome tools for SQLAlchemy
    yoloseem A curated list of awesome tools for Sphinx Python Documentation Generator
    openrtc-io A curated list of awesome WebRTC modules and resources.
    javierluraschi :chart_with_upwards_trend: A curated list of awesome data visualization libraries and resources.
    deephacks A curated list of awesome loosely performance related JVM stuff. Inspired by awesome-python.
    frenck A curated list of amazingly awesome Home Assistant resources.
    Share this repo

    Related Repos


    Font and Icon
    3
    SVG icons for Emacs Speedbar
    kcyarn Pretty Speedbar for Emacs Why turn off the ugly Emacs Speedbar icons when you can replace them with pretty SVG icons customized to match your theme? I
     
    Font and Icon
    10
    Open-source Tengwar font
    Tosche Alcarin Tengwar Alcarin Tengwar is a Tengwar typeface designed to pair well with the Brill typeface; Tengwar is an fictional writing system invented b
     
    Font and Icon
    9
    Budgie Desktop View is the official Budgie desktop icons application / implementation.
    BuddiesOfBudgie Budgie Desktop View Budgie Desktop View is the official Budgie desktop icons application / implementation. Scope The scope of this project is to provi
     
    Font and Icon
    6
    🍱 Simple nodejs support for using icons!
    Borrus-sudo 🍱 node-icons Usage Checkout its unit tests to see complete usage with output! import Icons from "node-icons"; const icons = Icons({ // auto install
     
    Font and Icon
    3.5k
    Font Awesome React component
    FortAwesome react-fontawesome Font Awesome 5 React component using SVG with JS Documentation How to Help Contributors Releasing this project (only project owners
     
    Font and Icon
    3.4k
    Read and write OpenType fonts using JavaScript.
    opentypejs opentype.js · opentype.js is a JavaScript parser and writer for TrueType and OpenType fonts. It gives you access to the letterforms of text from the b
     
    Font and Icon
    22
    Custom stylesheet for filebrowser that adds colors and changes icons
    jniggemann Table of Contents About This Project What It Does Screenshot How To Use This License About this project Custom stylesheet for filebrowser that adds co
     
    Font and Icon
    295
    Lora fonts — serif family for text. Variable Open Source Font
    cyrealtype Lora Fonts by Olga Karpushina and Lora project authors Lora is a well-balanced contemporary serif with roots in calligraphy. It is a text typeface wit
     
    Font and Icon
    18
    This is an awesome project about Web Development tools. ⚡
    smthari Tools for web developers this repository contains a best and useful tools for web developers what we can use in our daily professional life like css code generators , ui generators , color generators , animation libraries , free icons, free vector , cheatsheet , editor playground, vs code extensions, chrome extensions etc...
     
    Font and Icon
    11
    Material Design Svg Icons for Vue.js
    yeliulee Material Design Svg Icons for Vue.js Library to render Material Design Svg Icons in Vue.js Never mind the project name, you can actually use any monoc
     
    Font and Icon
    10
    Radix Icons for Astro
    astro-community Radix Icons for Astro Radix Icons are a crisp set of 15×15 icons designed by the Modulz team. npm install @astropub/icons Usage All of the icons are a
     
    Font and Icon
    7
    HERE icons are visual cues of objects, points, actions, and tools found across HERE produc...
    heremaps HERE Icon Library HERE icons are visual cues of objects, points, actions, and tools found across our products. They are designed to complement our hum
     
    Font and Icon
    8
    IconGaGa a Node.js library of randomly generated icons.
    bytesfriends ICON-GAGA An awesome random icon builder! Explore the Sites » About The Project This library is mainly a way of randomly generating icons on one of ou
     
    Font and Icon
    16
    The home for our Cal Sans font.
    calendso Cal Sans 1.0 Introduction Cal Sans is a geometric sanserif tuned for display, that is, large point sizes. It is an Open Source typeface to adorn the h
     
    Font and Icon
    8
    This tool helps to convert svg to vue templates as icons
    Graxi Svg to vue Project Description This script helps to batch generate vue templates from svg files Instructions Run npm install to install dependencies P