List of usefull resources

Some useful resources and tools for Designers and Developers.

This is a gathered collection of must-have tools and resources that helped me learn, do more and be more productive


Grade.js

A JavaScript library that produces complementary gradients generated from the top 2 dominant colours in supplied images.

check it out here!

uiGradients

Beautiful colour gradients for design and code. uiGradients is a community contributed collection of beautiful multi-color gradients

Get uiGradients here!

Tippy.js

Create anything from static text tooltips to complex interactive HTML popovers.

Get Tippy here!

Sketch App

Create, prototype, collaborate and turn your ideas into incredible products with the definitive platform for digital design.

Get Sketch App here!

SVGOMG!

SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.

Check it out!

in-view.js

Get notified when a DOM element enters or exits the viewport. A small (~1.9kb gzipped), dependency-free, javascript utility for IE9+

Get the script here!

AOS

Small library to animate elements on your page as you scroll. AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to it's previous state and are ready to animate again if you scroll down.

Check it on Github!

coolors.co

The super fast color schemes generator! Create, save and share perfect palettes in seconds!

Check out coolors.co!

Bounce.js

Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations.

Give it a spin!

Invision App

The digital product design platform powering the world’s best user experiences and the design collaboration tool for teams

Go to invisionapp.com

BLOKK font

BLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin.

Download BLOKK font here

Formspree

Connect your form to our endpoint and we’ll email you the submissions. No PHP, Javascript or sign up required — perfect for static sites!

Sign in to Formspree

Unsplash

The internet’s source of freely useable images. Powered by creators everywhere.

https://unsplash.com

Make some waves!

A pretty timely tool which helps you “make svg waves” ideal for hero, banners and footer

https://getwaves.io

malvid

The right way.Generate an interactive UI to develop, preview and document web components.

Get Malvid now!

colcade

Colcade is a lightweight Masonry alternative. Developed by desandro which generates a blazing fast responsive grid layout

Try colcade now!

tablesort

tablesort is a small & simple sorting component for tables. Written in JavaScript and dependency free.

get tablesort now!

New Old Stock

Vintage photos from the public archives. Free of known copyright restrictions. Recapturing History.

check them here!

vex

vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way

get vex here!

Visual Studio Code

Free Code editor Redefined. Built on open source. Runs everywhere.

Download VSCode here

Hyper Terminal

Hyper is a nice looking terminal app that's built with JavaScript using React for the UI and packaged with Electron.

Get Hyper!

flexible-boxes

A flexbox generator that helps you understand and generate flexbox layouts

Try it now!
Working on ...

Working on ...

Malvid
Components...The right way.

Generate an interactive UI to develop, preview and document web components. Malvid analyses your folder structure and turns your files into a visual UI.

JekyllPlate
Not just another boilerplate

Transform your plain text into static websites and blogs. No more databases, comment moderation, or pesky updates to install—just your content. Now powered with gulp

VSCode Extensions
I did it my way

When Visual Studio Code doesn't do what you want it to, you install an extension. When you can't find an extension that does exactly what you need, you create your own!