Useful Free Programs for Planning and Productivity for Developers
Tags: programs, websites, useful
Published: 2019-04-01 22:05:16

---
title: Useful Free Programs for Planning and Productivity for Developers
published: true
description: A list of useful programming development websites
tags: Programs, websites, useful
---
These are a list of programs and websites to aid in the development of web apps or any type of programming in general. I try to avoid the obvious ones (I.E. VSCode, GitHub, Etc...) and find some interesting ones!!!

In no particular order...

##Planning/Productivity
+ [Figma](https://www.figma.com/) - A way to design a website also has collaborative capabilities.
![Figma Screenshot](https://thepracticaldev.s3.amazonaws.com/i/lyeiil9b9qe8sv47l7se.png)
+ [Bundle Phobia](https://bundlephobia.com/) - Computes the size and load time of for your bundles, can either search or upload a JSON file of your bundles.
![Bundle Phobia Screenshot](https://thepracticaldev.s3.amazonaws.com/i/b2ba6i2pt4tczlm9epkj.png)
+ [Font Flipper](https://fontflipper.com/upload/) - Helps you find fonts from the Google Fonts library in a convenient Tinder-esque way.
![Font Flipper Screenshot](https://thepracticaldev.s3.amazonaws.com/i/6coualhtrjdb4d9wvhw2.png)
+ [Adobe Color Wheel](https://color.adobe.com/create/color-wheel/) - Helps you explore colors and find suitable 0nes for your next project
![ADobe Color Wheel Screenshot](https://thepracticaldev.s3.amazonaws.com/i/77ue98qeq7nqiyo5599c.png)
+ [Coolors](https://coolors.co/) - A slick site for generating pleasing pallets of color for your next project. Highly Recomend!!
![Coolors Screenshot](https://thepracticaldev.s3.amazonaws.com/i/fmdaexdwjiab18dkdkj3.png)
+ [Trello](https://trello.com/) - A way to keep track of tasks for any sort of personal or group project. 
![Trello Screenshot](https://cdn-images-1.medium.com/max/2400/1*ewp_e0elV1XaYkHqrRLsBw.png)
+ [Bubbl.us](https://bubbl.us/) - Brain storm using mind-maps.
+ [JSONPlaceholder](https://jsonplaceholder.typicode.com/)
+ [Draw.io](https://www.draw.io/) - Flow chart and diagram maker.
+ [WakaTime](https://wakatime.com/) - Track and analyze how you spend your time coding.
![WakaTime Screenshot](https://thepracticaldev.s3.amazonaws.com/i/8xq6gas02bokimayxdsc.png)
+ [Mockaroo](https://www.mockaroo.com/) -"Mockaroo lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats."
![Mockaroo Screenshot](https://thepracticaldev.s3.amazonaws.com/i/69liqrd2p62h80nduqfw.png)
+ [Browser Shots](http://browsershots.org/) - Test your website in a huge collection of different browsers.
![Browser Shots Screenshot](https://thepracticaldev.s3.amazonaws.com/i/03ho3o4vy0ruk3xszh9u.png)
+ [fake{JSON}](https://fakejson.com/) - Quickly create fake JSON data for testing.
![fake{JSON} Screenshot](https://thepracticaldev.s3.amazonaws.com/i/2fii1hddbluspc84h029.png)
+ [Sizzy](https://sizzy.co/) -"A tool for developing responsive websites crazy-fast, made by @thekitze"
![Sizzy Screenshot](https://thepracticaldev.s3.amazonaws.com/i/zhbg8aaefjab4gywzk06.png)
+ [unDraw](https://undraw.co/) - Open source illustrations for any project
![unDraw Screenshot](https://thepracticaldev.s3.amazonaws.com/i/yg9j1k2frv7vn87zt5qb.png)
+ [Build RegEx](http://buildregex.com/) - A visual tool for generating RegEx expressions
![Build RegEx Screenshot](https://thepracticaldev.s3.amazonaws.com/i/0ygqf5pp2738g0kqzx5y.png)
+ [Regulex](https://jex.im/regulex/) - A tool for visualizing RegEx expressions
![Regulex Screenshot](https://thepracticaldev.s3.amazonaws.com/i/34fizzafx2amhf1c1kea.png)
+ [RegExr](https://regexr.com/) - A website for learning, building and testing RegEx expressions.
![RegExr Screenshot](https://thepracticaldev.s3.amazonaws.com/i/178nl3u0l9ui9iuil7sq.png)
+ [HTTPie](https://httpie.org/) - "HTTPie—aitch-tee-tee-pie—is a command line HTTP client with an intuitive UI, JSON support, syntax highlighting, wget-like downloads, plugins, and more."
![HTTPie Screenshot](https://thepracticaldev.s3.amazonaws.com/i/s1q425kqqlugagzcf67g.png)
+ [VisBug](https://github.com/GoogleChromeLabs/ProjectVisBug) - Edit Content of a webpage inside of Google Chrome.
![VisBug Screenshot](https://www.portalzine.de/wp-content/uploads/sites/3/2019/02/visbug_browser_design_tool.jpg)
+ [Insomnia](https://insomnia.rest/) - A pretty darn cool REST Client for debugging APIs
![Insomnia Screenshot](https://insomnia.rest/static/main-ac0a1732afac19acce5ad6825595c3bb-05674.png))
+ [Codeply](https://www.codeply.com/) - "Responsive Design Playground
& Frontend Editor."
![Codeply Screenshot](https://thepracticaldev.s3.amazonaws.com/i/o0o6j0pnz0hcnync07jf.png)

##Content Creation
+ [Flare](https://www.2dimensions.com/) - Easily create animations for your website in in browser
![Flare Screenshot](https://thepracticaldev.s3.amazonaws.com/i/zxfvhwh371wnfti1w4j7.png)
+ [Vectr](https://vectr.com/) -"Vectr is a free graphics software used to create vector graphics easily and intuitively. It's a simple yet powerful web and desktop cross-platform tool to bring your designs into reality."
![Vectr Screenshot](https://thepracticaldev.s3.amazonaws.com/i/udq6s0mazi65f4qhr5a3.png)
+ [Canva](https://www.canva.com/) - Free online graph and charts maker
![Canva Screenshot](https://thepracticaldev.s3.amazonaws.com/i/1xqnumwboo2spi5g890o.png)
+ [Photo Creator](https://photos.icons8.com/creator) - Free Stock Image Generator
![Photo Creator Screenshot](https://thepracticaldev.s3.amazonaws.com/i/soq8w0ir30tcwpv8k5xq.png)
+ [Videvo](https://www.videvo.net/) - Free stock videos
![Videvo Screenshot](https://thepracticaldev.s3.amazonaws.com/i/3tiawig8comaujwkjfbn.png)
+ [Pexels](https://www.pexels.com/videos/) - Free stock videos
![Pexels Screenshot](https://thepracticaldev.s3.amazonaws.com/i/etgk2y8fif9pjmhf4604.png)
+ [XD](https://www.adobe.com/products/xd.html) - Website and app designer
![XD Screenshot]()

##Resources
+ [DevDocs.io](https://devdocs.io/) - Many useful documentations all in one place
![DevDocs Screenshot](https://thepracticaldev.s3.amazonaws.com/i/g54iv5hv7sfsaxxagmmh.png)
+ [WolframAlpha](https://www.wolframalpha.com/) - "Computational Intelligence"
![Wolfram Alpha Screenshot](https://thepracticaldev.s3.amazonaws.com/i/cvrmesghsl9jydc0dxzh.png)
+ [Google Fonts](https://fonts.google.com/) - Large collection of free fonts you can use for your projects
![Google Fonts Screenshot](https://thepracticaldev.s3.amazonaws.com/i/qxgqiz1pgcoch86vko68.png)
+ [Up](https://www.uplabs.com/) - Free assets for websites and mobile apps
![Up Screenshot](https://thepracticaldev.s3.amazonaws.com/i/ukxf8d86s8pm1z7850oz.png)

##Git
+ [GitKraken](https://www.gitkraken.com/) - Github GUI
![GitKraken Screenshot](https://thepracticaldev.s3.amazonaws.com/i/pmxgxwjwxnxg53hp8r0g.png)
+ [Sourcetree](https://www.sourcetreeapp.com/)- Another Github GUI
![Sourcetree Screenshot](https://www.sourcetreeapp.com/dam/jcr:580c367b-c240-453d-aa18-c7ced44324f9/hero-mac-screenshot.png?cdnVersion=le)

##API
+ [Postman](https://www.getpostman.com/) - An environment for developing APIs
![Postman Screenshot](https://s3.amazonaws.com/postman-static-getpostman-com/postman-docs/WS-anuhyaMock6.png)
+ [Apify](https://apify.com/) - Automated web scraping platform. "Turn any website into an api in minutes!"
![Apify Screenshot](https://apify.com/img/docs/actor/run-console.png)

##OS Tools
+ [Spectacle](https://www.spectacleapp.com/) - Control your windows via keyboard shortcuts.
![Spectacle Screenshot](https://thepracticaldev.s3.amazonaws.com/i/wx5is2tci6hodizttm1w.png)
+ [Oh My Zsh](https://github.com/robbyrussell/oh-my-zsh) - 
![Oh My Zsh Screenshot](https://thepracticaldev.s3.amazonaws.com/i/2mixxz1mwz8c6gkliug0.png)
+ [Prettier](https://prettier.io/) - Make your code prettier
![Prettier Screenshot](https://thepracticaldev.s3.amazonaws.com/i/3succbswowrd9bu655ft.png)
+ [Hyper](https://hyper.is/) - A better terminal
![Hyper Screenshot](https://thepracticaldev.s3.amazonaws.com/i/m2yibnjk8s1634ph0tg7.png)


##Miscellaneous
+ [CloudConvert](https://cloudconvert.com/) - Convert anything to anything/cloud based converting/Runnable via api calls
+ [10 Minute Mail](https://10minutemail.com/10MinuteMail/) - Exactly what it says it is
+ [IFTTT](https://ifttt.com/about) - Super awesome program!!!!
+ [Grammarly](https://www.grammarly.com/) - Grammer correction program/extension
+ [Snapdrop](https://onedoes.github.io/snapdrop/) - Send files easily across platforms
+ [JSON Parser](http://json.parser.online.fr/beta/) - Parse your ugly json strings
+ [Carbon](https://carbon.now.sh/) - Take pretty screen shots of your code
+ [GTmetrix](https://gtmetrix.com/) - Analyze the resources and speed of your website