This is the fifth of my yearly roundup of What’s New for Designers & Developers for 2019, in this roundup, I will be focusing on showing you what were some of the all the new, great and random type of frameworks, browsers extensions, and design software extensions, html5, resources for react, new CMS’s, Books, things for sketch and more.

I want to mention that not every resources that been featured in each of my roundups will be featured in today’s post, as I feel that this list could be enormous.

So for your peace of reading pleasure, I will be splitting up the best of these resources into month of release.

So lets get in to it.


Project Name Generator

Good Project Names

Project Name Generator gives you fresh, randomised project names and tips on coming up with the perfect name for your next project, whether it’s an app, a marketing campaign or the invasion of a small country.

Static Site Boilerplate

Static Site Boilerplate

The Static Site Boilerplate is a free, open-source tool for developers that enables a better workflow for building modern static websites. Automated build processes, a local development server, production minification and optimisations, and the latest standards for static sites.



LogoHold is the place to share your logo and branding work. It has been created to help designers showcase their logos and branding and seek feedback on their work, help other designers and even sell their work.


React Resources

React Resources

Discover new React learning resources, libraries, jobs, conferences, companies, developers and other resources.


Matter Material Components In Pure Css

Material Components in Pure CSS.

Flexbox Ninja

Flexbox Ninja

Flexbox is nowaday one of the problem solvers you should master to help you in your working daily habits. Follow those little demonstrations and case studies to learn more about CSS Flexbox Layout, step by step, and become a Flexbox Ninja!



FormSubmit sends your site’s form submission directly to your inbox without the need of any backend code or SMTP setup. Connect your form to FormSubmit endpoint and we’ll email you the submissions. No PHP, Javascript or sign up required.



Opinionated reset stylesheet that provides a clean slate for styling your html.

CSS Reference

Css Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

30 Seconds of Knowledge – Chrome Extension

30 Seconds Of Knowledge

Gain new developer skills every time you open a New Tab! Choose which programming languages you want to get better at in options and get smarter every time you open a New Tab. All you need is 30 seconds to read and understand snippets of code and improve your knowledge. Saw something useful? Just copy/paste it into your code and you’re golden!


Accessible Brand Colors

Accessible Brand Colors

This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.

Security Checklist

Security Checklist

An open source checklist of resources designed to improve your online privacy and security. Check things off to keep track as you go.

Go Work With Me

Go Work With Me

User Manual for Professional, How Work With Me, and Get Feedback from your team or pairs.

RasterSimple Grid System

Raster Simple Grid System

Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS.



Quickly browse the history of any GitHub file by replacing `` with `github.githistory.zyx` in any file URL.

The UX Engineering Playbook

The Ux Engineer Playbook

The UX Engineer Playbook is a collection of free articles and resources to help ux engineers start their careers and learn to build fantastic experiences.

Responsive Font Size

Responsive Font Size

RFS (simply the abbreviation for Responsive Font Size) is a font size engine which automatically calculates the appropriate font size based on the dimensions of the browser viewport. It’s available in one of your favourite preprocessors or postprocessor: Sass, Less, Stylus or PostCSS.



With seamless integration with development workflows and version-control providers, DeepSource saves tons of time and effort in hunting common bugs and in manual code reviews. It also enables tracking key source code metrics — like documentation coverage, dependencies, etc. easily.

Cloudflare Workers

Powered by Cloudflare’s network of 165 points of presence, Workers lets you focus on what matters: writing the code that powers your business. Move faster by deploying applications globally with Workers in the same time it takes to deploy to a single cloud region on a traditional provider.



Webiik Php Framework

Webiik is small, yet powerful PHP framework based on middleware and DI – it makes it flexible. Thanks to its tiny code base, it can be interesting for everyone who considers using a framework but wants to have code fully under control.

CSS Analytics

Css Analytics

Analyze your CSS and keep track of changes in complexity and branding. Share your statistics with everyone in your team and get conversations going.

Designer Bio Generator

Designer Bio Generator

Generate your next twitter bio and impress your potential clients

Checklist Design

Checklist Design

Checklist Design is a collection of best UI and UX practices to provide a complete, honest and rewarding experience for your users. Take in the knowledge of not just what to put in your solution, but how and why it should be there.



Proxyman is a native OSX HTTP Debugging Proxy app, which is capable of proxying and intercepts the HTTP/HTTPS requests. The app helps you debug your HTTPS request from apps, domain, remove devices and iOS simulator and replicate the requests.



Organise logos, fonts, colors, photos, and icons for your brand. No more plundering the deep recesses of your computer for that one lost icon. Share your guides with clients or employees. Made with designers, developers, and agencies in mind.



Bear Cms

Bear CMS is a Content Management System that seamlessly integrates with your website!

Underline Generator

Underline Generator

Underline generator is a web app that help developers/designer create and customise neat CSS underlines.


Css fx

CSSFX is a carefully crafted collection of buttons, hover effects, loaders, and more designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open source and MIT licensed.



Remove black, white or transparent space from around images, quickly and easily!Simply upload your image(s), select the colour you want to trim off and Trimmy! You will receive your image(s) back, trimmed and zipped

Test My Site

Test My Site

Check if your website is loading faster than your competitors and the benchmarks to optimize for.

W3C Developers Tool

W3c Developers

This tool checks HTML documents, test and help the interoperability of the web, checks your Cascading Style Sheets (CSS), checks your web pages for broken links, checks level of internationalization, checks and visualizes RDF documents.


Data Populator

Data Populator

A plugin for Sketch and Adobe XD CC to populate your design mockups with meaningful data. Goodbye Lorem Ipsum. Hello JSON.



Animated icons (micro-animations) in Lottie Framework and After Effects for immediate implementation to your apps or websites.


Oopspam Api

OOPSpam API is a powerful spam filter for any content exchange such as forms, forums, blogs, social media- the limit is your creativity!

Site Dev is a developer first sub domain and static website hosting platform with a pretty cool domain name. Register your very own domain, forward to your own name servers or use our free static hosting and manage files using FTP!

A simple markup generator for mailto links that takes care of the formatting for you. Just fill out the email and copy your code.



Flexbox’s are cool, but a pain in the dairy air to write. Flex makes it easy. Generate CSS to quickly make grids, columns, just about whatever you could think of, all thanks to the wonders of Flexbox.

Animation Handbook

Animation Handbook

When it comes to software design, animation is a limitless way to make digital products feel more real by replacing “telling” with “showing.” Learn how you can use animation to demonstrate abstract concepts, make products feel more life-like, and instill more emotion into digital experiences.



Fontanello is a browser extension for Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it.


Simple UTM Manager

Simple Utm

A Simple UTM Manager in case HubSpot and the like is too much but Google URL Builder is not enough as you can’t save your UTM parameters to reuse. Manage and organize your campaign URL parameters in one place, so you don’t have to copy-paste from Excel.

RapidAPI for Teams

Rapidapi For Teams

RapidAPI for Teams allows you to publish, share and collaborate on internal APIs to streamline the development process and prevent duplicated or unnecessary work. Getting started is easy, just create an organisation, set up your teams and invite developers.

TypeSafe CSS

Typesafe Css

Minimal CSS optimized for reading and writing (only 753 bytes!).

Repo Remover

Repo Remover

Repo Remover helps you quickly and easily archive, or delete multiple GitHub repos with a single click. Your repos are listed in a table which can be filtered, sorted, and searched. All you need to do is select the repos, choose the action, and click a button!


Css Wand

Easy Copy-Paste Beautiful CSS that can be easily customised further at your own choice




Remotify is a clean & minimalist board for remote jobs. You can search for remote jobs via category, tags, and keywords while keeping the UI simple and fun to use.

Bulma Builder

Bulma Builder

Bulma Builder is the first such advanced theme editor for the Bulma CSS framework. Using our tool, you can launch the first version of a new template in just a few minutes.


Git is fucking hard: mistakes happen all the time, finding a solution is sometimes next to impossible, here are solutions to those tricky situations.

Atomize React

Design System For React Js

Atomize React is a UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly.


Page Cdn

Using different Private & Public CDNs on a single page can hurt performance. PageCDN solves this by combining public & private content on single CDN.


C3 Css

C3 (Component, Child, Context) is a methodology for writing CSS. This approach is intended for anyone who wants to write code which is semantic, easy to maintain, and scalable.

Serverless Framework

Serverless Framework

The Serverless Framework allows you to easily utilize the most powerful cloud services available today, while also maintaining complete control over your application lifecycle.


Create and share beautiful images of your source code

DigitalOcean Managed Databases

Digital Ocean Managed Databases

Leave the complexity of PostgreSQL administration to DigitalOcean. As DigitalOcean will handle setting up, backing up, and updating, so we can focus on building great apps. Managed databases for MySQL and Redis will be available in soon!

Printable Mockups

Printable Mockups

Printable Mockups is an open-source, web-based tool for generating wireframe device/UI templates that can be printed and used for mocking up designs with a pencil & paper.


Thumbnails Cloud

The API generates JPG and PDF file previews for all common document formats, using a super simple API. Get an API token for $15/mo, and create an unlimited number of preview images!

Appstore Kit

App Store Kit

Appstore Kit is a super simple way to prepare beautiful screenshots of your mobile application for the official app stores. Take your screenshots locally, upload them within the editor and make them represent your app on the app store!

UTM Code Builder

Utm Code Builder Generate Url Tracking Codes In Seconds

Build your own UTM code campaign with G2’s new tool. Use UTM codes to track traffic sources and campaigns in Google Analytics, Adobe Analytics, Mixpanel, Kissmetrics and other popular digital analytics software.

CSS Guidelines

Css Guidelines

High-level advice and guidelines for writing sane, manageable, scalable CSS


Extra Css

A CSS Houdini library for making your site a little more #extra.

It’s Centered That

Designers Eye

Do you think you’ve got a designer’s eye? Test your skills and judge whether the dots are really in the middle of the shapes.


Biscuit Framework

Biscuit Framework

The Biscuit Library is on its way to becoming the next generation CSS library, the biscuit that came out of the new beta and with its eye-catching changes, has the ability to meet the needs of the basic website.

UI Print

Ui Print

Speed up your paper prototyping with printable mockups and wireframe. As compare to blank paper these helps you to quickly draw clean wireframes and stay organised.


Statiq Cms

StatiqCMS was created to empower content creators and give time back to developers. This software achieves this by bringing a team’s component library to the browser so that content creators can 100% own static sites.

React Genie

React Genie

A set of React components for animating elements as they scroll into the viewport

Can I email

Can I Email

Based on the original, Can I Email provides email clients support tables for HTML and CSS features.

Document Generator by Qwilr

Document Generator By Qwilr

Automatically generate a pack of personalised proposals, case studies, invoices, and brochures for your growing business in minutes. Answer a few questions, and your documents will be tailored to your business and brand. Free to edit, style, download, and share. lets you store, read & modify JSON data over HTTP APIs for free. Copy the URL below and start sending HTTP requests to play around with your data store.

Bundle Analyzer

Bundle Analyzer

Bundle Analyzer analyzes your webpack bundle and helps you to keep it optimized over time. Your team get automatic report in your commits and pull-request.

Local Stack

Local Stack

A fully functional local AWS cloud stack. Develop and test your cloud & Serverless apps offline! Try out the community version on Github, and check out the Pro edition with a large set of extended APIs and features!


Get Git

GetGit is a simple Git hosting service that gives you your own private Gitea instance that you can set up however you like. It’s ideal for freelance developers or small teams that need to create lots of users, organisation, and private repos.



A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure. Integrate it with any existing design or use it to kick start your next project.

Chakra UI

Chakra Ui

Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications.

Button Contrast Checker

Button Contrast Checker

Enter your domain and we test if your buttons have enough contrast and are compliant with WCAG 2.1.


Key Kit

KeyKit is a simple license key api you can integrate into your WordPress plugins, themes, or other software. Generate new license keys for your customers with a single request. Activate them with another. Easily manage everything from one simple dashboard.



Tina Cms

Tina is a lightweight but powerful toolkit for creating a content editing interface with JavaScript components. Tina surfaces superpowers for developers to create an intuitive UI for real-time content editing, built directly into their website.

Font style Matcher

Font Style Matcher

If you’re using a web font, you’re bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you’ve chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.


Orb Space

Visually Build & Manage Websites, the intuitive visual website builder with CMS.



GitSheet is a simple git cheat sheet reference for common git commands saving you time and helping you learn how to use branches, show logs, undo changes, create tags, stashes and more. Commands are a click away from clipboard. is one of the most extensive domain data and API providers in the industry. In just seconds, you can get a list of outbound links, backlinks, and more details from a given domain. Interested in seeing some of the data we provide? Try it out by searching for any domain using the field below.

Ness PHP Framework

Ness Php

Do you need a web framework with minimized training effort? Ness PHP offers you a mvc based environment for coding faster, safer and stronger web applications with (nearly) zero configuration. Get rid of mess and focus the main logic of your project.

Leaf PHP

Leaf Php

Leaf is a PHP micro-framework which helps you create web applications and APIs from the ground up in minutes.




ToolsDB is a list of useful tools and services for better software development. It works as a quick reference for exploring most commonly used apps and websites.

CSS Layout

Css Layout

A collection of popular layouts and patterns made with CSS which are powered by modern CSS features such as flexbox and CSS grid. The sample code is created with pure CSS, so you can customise easily.

Prime Style

Primer Style

Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the community to design and build their own projects with Primer.


Diez Design Language Framework

Diez is a free & open-source developer toolkit for expressing visual styles that can be shared across codebases, native platforms, and teams. Diez radically lowers the cost of delivering a consistent visual identity across native apps & websites.


Who Can Use

An invaluable tool for any designer or developer working towards accessibility on the web or in design. Uses the WCAG specification to show how your colours would appear and score for people with regular vision and impairments such as colour blindness.



Respresso helps mobile developers with automatically optimizing their design assets for iOS and Android. Combined with its neat live localisation feature, this free dev tool should save a lot of time and headache for mobile developers.

Website Builder by Mailchimp

Mailchimp Website Builder

Mailchimp’s drag‑and‑drop website builder makes it easy to design a site that looks and feels like you.



GrindKit is a business toolkit for freelance designers that helps them charge more for their value. It is a set of blueprints and ready to use templates that are structured to help you do business more efficiently.


What’s New for Designers & Developers from 2019: Tools & Web Resources