Latest in: Toolkit

This toolkit section offers an outstanding compilation of resources essential for web design and development.

We feature themes and templates, coding tools and editors, plugins, tips, bookmarklets, file-sharing tools, collaboration tools, monitoring tools, color pickers, scheme generators, and comprehensive resource kits for infographics and royalty-free stock photos.

Build Accessible Sliding Hamburger Menus with Offcanvas

The free Offcanvas plugin is one of many resources for sliding navigations. You can find a bunch of similar plugins online, but Offcanvas stands out f…

Auto-Generate Beautiful Color Palettes with Ambiance

Note: Ambiance is no longer available. Whether you’re a UI/UX designer or a digital artist, you should know that color is crucial to the final produ…

Wired UI – The Best Free Bootstrap 4 UI Kit

With the rising popularity of Bootstrap 4, it’s no surprise that developers are jumping over each other to publish their own plugins & add-ons. The …

CSS Starter Kit for Developers – Shoelace.css

Frontend developers need all the best resources they can get. Usually, this means working on top of a framework such as Bootstrap because it comes pac…

Multi.js: Easy-to-Use Select Box with Plain JavaScript

Select menus are primitive but they work. Same goes for all the typical form inputs such as checkboxes and radio buttons. It’s easy to create your o…

Generate Responsive Embed Codes Easily with This Free App

Every web designer knows how to embed videos. Embedding is the easiest way to share content and improve your articles with relevant media. However, th…

Presentator – A 100% Free Design Collaboration Platform

A quick Google search yields dozens of results for collaboration tools. But, most of them cost money and very few are geared toward web design or visu…

Rough.js Makes Hand-Drawn Graphics with Canvas & SVG

It’s amazing to see how far the web has come with dynamic elements such as in-browser SVGs. You can design everything from custom animations to HTML…

Make a Free Embedded Web Calculator Using JSCalc

If there’s one thing developers hate it’s reinventing the wheel. This is one of the biggest reasons to support the open-source movement and to sha…

Build Dev Projects Faster with This Free Boilerplate Gallery

You have access to hundreds of free code libraries at your fingertips. There’s no need to build projects from scratch when you can lean on the open-…

Free ES5/ES6 JavaScript File Upload Plugin – Uppy

One of the trickiest form inputs to design is the file upload. It has a default HTML style, but it’s not the prettiest thing in the world. Uppy take…

WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail