web-tools.md

Web Tools 🌐

Tool	Description
3Cols	A free cloud based code snippet manager for personal and collaborative code.
4Devs	Personal data generator and validator. Very useful mainly for Brazilians due to CPF, CEP, CNPJ and others.
Android Asset Studio	A collection of tools to easily generate assets such as launcher icons for your Android app.
Animista	CSS ANIMATIONS ON DEMAND
App Icon Resizer	A simple service to resize your app icon to all needed resolutions.
ASCII Art Generator	This free online Ascii Art creator allows you to convert images to color or monochrome Ascii Art.
AWS Cloud9	AWS Cloud9 is a cloud-based integrated development environment (IDE) that lets you write, run, and debug your code with just a browser.
AWS	Amazon Web Services, an on-demand cloud computing platform.
Azure DevOps Services	A full solution for managing projects, including git and pipelines.
BASE64 Decode and Encode	Encode/Decode BASE64 strings or files
Beeceptor	Tool for REST API mocking
Big Text	Convert text to big text as easy as you think.
Bitbucket	Bitbucket is a Git code management tool that gives your team a platform to plan and collaborate on projects.
BitDev	Bit is a cloud component hub. It is where you publish, document and organize all your reusable components.
Blob Maker	Random svg shape maker.
Blotter	JavaScript API for drawing unconventional text effects
Bootstrap	CSS framework directed at responsive, mobile-first front-end web development. Great front-end tool which helps in creating effective and efficient websites.
Border Radius	A tool to insert the desired curve and for each corner get the code instantly.
Bounce.js	A custom animation creator.
Boxicons	High Quality Web Icons Set.
BrowserStack	Browser and app testing. This paid web tool allows a dev to test their application across multiple browsers running on different operating systems including mobile.
BscScan	BscScan is the leading blockchain explorer for the Binance Smart Chain, built by the same team behind Etherscan. Besides tracking transactions, verifying smart contracts and other features, BscScan is also the leading validator for BSC.
Bubbly	A CSS speech bubbles made easy.
Bundlephobia	Find the size of any javascript package and its effect on your frontend bundle.
Can I use	"Can I use" provides an up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Canva	Canva is a graphic design platform that allows users to create social media graphics, presentations, posters, logos, documents and other visual content.
Carbon	Create and share beautiful images of your source code.
Check My SSL	A website that provides you with information about the SSL certificate on a particular website. Helps when debugging SSL issues.
Choose an License	An open source license protects contributors and users. Businesses and savvy developers won’t touch a project without this protection.
Cloudping.info	A website that allows you to measure latency from your browser to different data centers of major cloud providers such as AWS.
CodeAbbey	Website that contains collection of programming problems to practice solving, learn to program and code, and win certificates.
Codecademy	Codecademy is an online interactive platform that offers free coding classes in 12 different programming languages including Python, Java, Go, JavaScript, Ruby, SQL, C++, C#, Swift, and Sass, as well as markup languages HTML and CSS. Freemium model. Courses are free but certificate or degree after completion is paid.
Codeclimate	Online code quality metrics analyzer
CodeChef	Code-Chef is an online competitive programming community of global programmers.
Codeforces	Codeforces is a website that hosts competitive programming contests and helps you so much in Problem Solving.
CodeKit	Using this tool, web app development work can be done faster as it minifies, combines and syntax-checks JavaScript.
CodeMagic	An all in one developer styling tool that gives you short codes to add fun/quick styles to your projects
CodePen	Online community for testing and sharing HTML, CSS and JavaScript code snippets.
Codespaces	Codespaces is your instant dev environment from Github
Codethesaur.us	Compare language components from languages you know and don't know, or just use it as a language reference cheat sheet.
Codewars	An online challenge for all types of coders to complete katas (questions) and move up levels.
Codingame	CodinGame is a challenge-based training platform for programmers where you can improve your coding skills with fun exercises. Available for developers and recruiters.
Coggle	Coggle is a free mind mapping web app. It helps in making hierarchical structures like branching trees to brainstorm ideas, visualize connections across concepts, and collaborate with others.
Color Hunt	Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.
Color Shades Generator	Color Shades Generator for Tailwind CSS.
Colormind	Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.
ColorZilla	Advanced Eyedropper, Color Picker, Gradient Generator.
Conventional Commits	A lightweight convention on top of commit messages.
Convertio	"Convertio" is an easy free file format converter that can help you create PNG, JPEG and PDF files.
Coolors	The super fast color schemes generator! Create the perfect palette or get inspired by thousands of beautiful color schemes.
Coursera	It is an U.S.-based massive open online course provider. It works with universities and other organizations to offer online courses, certifications, and degrees in a variety of subjects.
cron-job.org	Free Cron job scheduler.
Crontab guru	A cron expression generator.
CSS Animate	Online tool for creating native CSS3 Keyframes Animation
CSS Compressor	Use CSS Compressor to compress CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) to reduce CSS code size and make your website load faster.
Cssgradient.io	A gradients generator.
Css Grid Generator	A new and brilliant css grid generator.
cssreference	cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
CSS Separator Generator	A generator for section separators.
CyberChef	The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis.
D3.js	JavaScript library for manipulating documents based on data.
DBDiagram	A free, simple tool to draw ER diagrams by just writing code.
DB-engines	Ranks database management systems by popularity. Ranking criteria include number of search engine results, Stack Overflow discussions etc.
DB Fiddle	An online SQL database playground for testing, debugging and sharing SQL snippets. Supports MySQL, PostgreSQL and SQLite.
DebugBear Speed Test	Test website speed and get recommendations to make your website faster.
DeployBot	Instantly build and ship code anywhere in one consistent process for your entire team.
Deployer	A deployment tool for PHP.
Deta	Build and deploy applications for free, forever.
Dev	Dev.to is a blogging platform where developers publish articles on topics that help other developers solve a problem or learn something new, stay up-to-date and grow their careers. Dev.to serves as a community of software developers getting together to help one another out.
DevDocs	API documentation and works offline.
DevHints	Rico's cheat sheets.
DevHub	TweetDeck for GitHub. See repo activities and manage your notifications by creating columns with filters, saving items for later and more.
DiffNow	Very useful for comparing codes, files, folders or urls.
DigitalOcean	It make it simple to launch in the cloud and scale up as you grow—whether you’re running one virtual machine or ten thousand.
Dillinger.io	Is an online markdown file editor with a preview that can help you to create or edit .md file for your project
edX	edX is an American massive open online course provider created by Harvard and MIT. It hosts online university-level courses in a wide range of disciplines to a worldwide student body, including some courses at no charge. It also conducts research into learning based on how people use its platform.
Epoch Converter	Convert epoch to human-readable dates and viceversa
ERDPlus	A database modeling tool for creating Entity Relationship Diagrams, Relational Schemas, Star Schemas, and SQL DDL statements.
Etherscan	Etherscan is the leading BlockChain Explorer, Search, API and Analytics Platform for Ethereum, a decentralized smart contracts platform.
Exercism	Exercism is an online, open source and free access platform that offers code practice and guidance in 50 different programming languages.
ExtendsClass	Online developer tools: Playgrounds (Regex, XPath, SQLite), API clients (REST, SOAP), diff (XML, CSV, JSON) and data generators (JSON, CSV).
Fast Speedtest	In seconds, FAST.com's simple Internet speed test will estimate your ISP speed.
Favicon Generator	Favicon generator.
Figma	Figma is a cloud-based design tool that is similar to Sketch in functionality and features, but with big differences that make Figma better for team collaboration.
Firebase	A Google SaaS backend solutions for cross-platform applications
FontSee	Online webfont viewer: Preview how font files look like in the browser.
Font Awesome	Font Awesome is a font and icon toolkit based on CSS and Less. Get vector icons and social logos on your website with Font Awesome.
Flutter framework	Awesome framework for easy synchronising web and mobile applications ,also provides easy addition to firebase or anydata base.
Free Code Camp	Free training to become a web developer with several modules to study at your own pace. Also has several thousand user contributed YouTube videos in their channel.
Freeformatter	Regex validator for Java
Frisby.js	The Easiest REST API Testing Framework Out There.
FTMScan	FTMScan is a Fantom mainnet explorer made by the Etherscan team. The explorer expands the current explorer’s functionality with new features such as top accounts, verified contracts, and statistics, among others.
GeeksforGeeks	A Computer Science portal for geeks. It contains well written computer science and programming articles, tutorials and implementations for most of the concepts of Software Engineering field.
Gerador de CPF e CNPJ	Perfect for testing.
Get Waves	Create SVG waves for your next design.
Gist	Instantly share code, notes, and snippets.
Git Branching	This app was developed to help beginners learning powerful concepts behind git branching. We hope you like this app and maybe even learn something! - Learn git by doing!
Git Explorer	Find the right git commands without digging through the web.
GitHub	GitHub is a development platform inspired by the way you work.
GitHub Pages	Websites for you and your projects (Static projects.)
Gitignore.io	Web service designed to help you create .gitignore files for your Git repositories.
Gitmoji	An emoji guide for your commit messages
Gitter	Gitter is a chat and networking platform that helps to manage, grow and connect communities through messaging, content and discovery.
Glassmorphism	A design style to connect and combine all of the uses of the “frosted glass” effect in the UI.
Gleek.io	Free description-to-diagrams tool for developers. Create informal, UML class, object, or entity-relationship diagrams using your keyboard.
Glitch	Build fast, full-stack web apps in your browser with instant hosting, automated deployment, and live help from community members.
Google Tables	Tables helps teams easily track & automate tasks, enabling them to save time and work smarter.
Google Fonts	Google Fonts is a library of 1455 free & open source font families and APIs for convenient use via CSS and Android.
grep.app	Searches code from over a half million public repositories on GitHub, matching the exact string you enter or even regular expressions.
HackerEarth	An awesome platform to help you enhance your skills by solving problems that companies ask for interviews from a wide range of Computer Science domains. Also Hackathons, Programming Challenges, And Coding Competitions to participate, learn and win.
HackerNoon	HackerNoon is built for technologists to read, write, and publish. With open and international community of 35,000+ contributing writers publishing stories and expertise for 5 - 8 Million curious and insightful monthly readers.
HackerRank	An awesome platform to help you enhance your skills by providing problems to solve in a wide range of Computer Science domains.
Hackmd	Real time, multi-platform, collaborative markdown knowledge base. You can write markdown file together with other people :)
Hacktoberfest Checker	A website to know the PR count of hacktoberfest participants.
Heroku	Build, run and deploy applications entirely in the cloud.
Hoppscotch	API request builder.
HTML Cleaner	Free HTML, CSS, and JavaScript beautifier.
HTML Minifier	Minify HTML and any CSS or JS included in your markup.
httpstatus.io	Easily check status codes, response headers, and redirect chains.
IconMoon.io	Icon Font and SVG Icon sets. More than 5500+ free vector icons.
Ideone	An online compiler and debugging tool which allows you to compile source code and execute it online in more than 60 programming languages
JavaCodeGeeks	Java Code Geeks (JCGs) is an independent online community focused on creating the ultimate Java-to-Java developers resource center.
JPEG and PNG Compactor	Make photos faster. (Step 2)
JS Compressor	It's an online JavaScript compressor that allows you to compress and minify all of your JS files by up to 80% of their original size.
JSHint	A tool that helps to detect errors and potential problems in your JavaScript code.
JSON Crack	Simple visualization tool for your JSON data. No forced structure, paste your JSON and view it instantly. This will visualize your JSON data structure in graph diagram for better understanding of your JSON data structure.
JSON Editor Online	JSON Editor Online is a web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview and in a code editor.
JSON Formatter	Online JSON Formatter and JSON Validator will format JSON data, and helps to validate, convert JSON to XML, JSON to CSV. Save and Share JSON.
JSONLint	Validator and reformatter for JSON.
JSON Placeholder	JSONPlaceholder is a free online REST API that you can use whenever you need some fake data. It can be in a README on GitHub, for a demo on CodeSandbox, in code examples on Stack Overflow, ...or simply to test things locally.
JSON Schema Validator	Validates your JSON against a custom schema, showing where the errors are if it's invalid.
JSON Utils	Convert JSON to C#, VB.NET, JavaScript, Java, PHP and TypeScript classes
JS Paint	it's a web-based remake of MS Paint.
KeyCode Info	Easy visualizer for JavaScript KeyCodes.
LeetCode	It's an amazing platform to help you enhance your skills and prepare for technical interviews.
Lighthouse	Lighthouse is an open-source, automated tool for verify the score and quality of web pages.
Linode	Linode is a cloud hosting provider that provides Linux powered Virtual Machines tools to develop, deploy, and scale applications.
LoremIpsum.io	Is a placeholder generator, that contains many random generated text, image placeholder for developers!
Lordicons	Best set of free and premium icons with lite animations.
Marcdown	A lightweight markdown viewer and editor.
MarkDown Editor	Live (GitHub-flavored) Markdown Editor.
MDN Docs	Resources for developers, by developers.
Mockaroo	Mockaroo lets you generate up realistic test data in CSV, JSON, SQL, and Excel formats.
Netlify	Build, deploy, and manage modern web projects.
Neumorphism.io	Online tool to generate CSS code of “neumorphism” effect in the UI.
NimbleText	NimbleText is a text manipulation and code generation tool. It generates text from a pattern and some input values
Notion	The all-in-one workspace for your notes, tasks, wikis, and databases.
Official Developer Android	The website includes all the latest updates for the developers and also a fresher who wants to start with Android app development.
Online GDB	GDB online is an online compiler and debugger tool for C, C++, Python, PHP, Ruby,C#, VB, Perl, Swift, Prolog, Javascript, Pascal, HTML, CSS, JS
P5.js	A JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.
Paper Js	An open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
Photopea	A online image editor. Very Similar to photoshop.
PhpStorm	The Best IDE for PHP. PhpStorm = WebStorm + PHP + DB/SQL. Paid, check here if you apply for a free license.
PolygonScan	PolygonScan allows you to explore and search the Polygon blockchain for transactions, addresses, tokens, prices and other activities taking place on Polygon (MATIC).
Powtoon	A video maker for presentations.
Railway	Platform as a service platform; the fastest you can deploy postgres to the cloud.
Ray.so	A beautiful code converter to SVG, PNG
Regex101	Validator for regex.
Regexr	Regex parser
Repl.it	Powerful and simple online compiler, IDE, interpreter, and REPL
Requestbin	Inspect HTTP events, webhooks, etc.
Readme.so	A simple editor allows you to quickly add and customize all the sections you need for your project's readme.
Screely.com	Instantly turn a screenshot into a browser mockup.
Screenshot.rocks	Create beautiful browser mockups in seconds
Scrimba	Scrimba allows you to code along in real time using an on-screen editor during the web developoment tutorials. Free courses available as well as pro version.
Sejda PDF Editor	The best online PDF editor tool, easily edit text, put whiteout over text which is not needed and much more.
Shape Divider	Shape Divider is a tool that you can easily create custom shape dividers and get ready code of it.
Shield.io	Create beautiful badges for your markdown document.
Shortpixel	Image optimizer to increase your website's speed and SEO ranking.
Sonarqube	Is an open-source platform developed by SonarSource for continuous inspection of code quality to perform automatic reviews with static analysis of code to detect bugs, code smells, and security vulnerabilities on 20+ programming languages.
Speedtest	Speedtest.net, also known as Speedtest by Ookla, is a web service that provides free analysis of Internet access performance metrics, such as connection data rate and latency.
Squoosh	Squoosh is an image compression web app that reduces image sizes through numerous formats.
Stack Overflow	Stack Overflow is an open community for anyone that codes. It help you get answers to your toughest coding questions, share knowledge with your coworkers in private, and find your next dream job.
Storytale	Storytale is a service that provides high quality illustrations of a constantly increasing collection. It helps designers and project owners, who are looking for vector and 3D graphics.
svgomg	Web GUI for SVGO.
Swagger	an online swagger editor for creating interactive Rest API documentations.
Tabs to Spaces	Convert tabs to spaces. As simple as it sounds
Taiga	Taiga is a project management platform for agile developers & designers and project managers who want a beautiful tool that makes work truly enjoyable.
Taskade	All-in-One Collaboration. Chat, Organize, Get Things Done.
Teachable Machine	A fast, easy way to create machine learning models for your sites, apps, and more – no expertise or coding required.
The Noun Project	Icons and Photos For Everything.
The Odin Project	The Odin Project offers a free fullstack developer curriculum.
The Prettifier - JavaScript	Enter your JavaScript via direct input or URL to have it formatted and syntax highlighted.
Tinkercad	Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding. It's used by teachers, kids, hobbyists, and designers to imagine, design, and make anything!
TinyPNG	Smart PNG and JPEG compression.
Trello	Trello’s boards, lists, and cards enable you to organize and prioritize your projects in a fun, flexible, and rewarding way.
Udacity	It offers massive open online courses. Focused more on vocational courses for professionals. Content co-created with industry leading companies.It is famous for it's Nanodegree courses. Freemium model.
Udemy	Udemy is an online learning and teaching marketplace with over 204000 courses and 54 million students. Learn programming, marketing, data science and more.
UnSplash	Over 2 million free high-resolution images brought to you by the world’s most generous community of photographers.
World Vector Logo	Download vector logos of brands you love.
Vercel	Build and deploy apps with 30+ JAMSTACK frameworks.
Vimium	The Hacker's Browser. Forget about your mouse. Use VIM to navigate on your browser.
W3Schools	The world's largest website for web tutorials.
Wappalyzer	Identify technology used on websites.
Web Resizer	Make photos faster. (Step 1)
Whats.new	.new is a domain name extension that serves as quick link shortcuts for common web tools used my developers and non-developers alike. whats.new lists these shortcuts.
Whatsmydns.net	Allows you to quickly check whether your DNS records have propagated by performing a DNS lookup using multiple servers around the world.
Whimsical	A cloud collaborative tool to Sketch design with functionality and features.
Windframe	A tool to rapidly build and prototype stunning websites using Tailwind CSS
Wokwi Arduino simulator	An online simulator which allows you to connect various Arduino boards with components in a circuit without needing any physical components.
Write PHP Online	Simple free website that allows you to execute PHP code.
XML Viewer	Beautify XML files
You might not need jQuery	Provides a list of jQuery commands in Vanilla JS.
Explainshell	Parsing man pages, extracting options, and matching each argument to the relevant help text in the man page to explain a given command line.
Confluence	Confluence serves in the form of the web-based corporate Wiki developed by the Australian software company Atlassian.
CSS box shadow generator	A box-shadow CSS generator that helps you quickly generate box-shadow CSS declarations for your website.
QRCode Generator	A website to generate customized QRCodes. ✨ Open Source ✨
tutorialspoint	A website ranging from programming languages to web designing to academics.
Myhours	Organize projects, Track time, and Report your work.
ProfileMe	Easily create amazing README files for your GitHub profiles. It is easy to use and time-saving.
Eleventy	A simpler static site generator
Transform Tool	This tool can convert any code from one type to another. For example, HTML to JSX, CSS to JS, etc.
GT Metrix	With this tool, you can find how fast your site load and what is slowing it down.
Locofy	Locofy converts Figma design to production-ready apps. (Supports React, React Native, HTML-CSS, Gatsby, Next.js, Popular UI libraries like Material, Chakra, Bootstrap, are also supported)
ERD Lab	Free cloud based entity relationship diagram (ERD) tool made for developers.
Framer Motion	Complete documentation of the Framer Motion animation library. A production-ready motion library for React.
Motion style guide	Bringing our product to life. Motion helps make a UI expressive and easy to use.