Home > Code stuff > JS effects & plugins > Interactive drag & drop mockup coloring

Interactive drag & drop mockup coloring

Code

A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette. A tutorial from Codrops.

View demo View project page

Posted on April 23, 2015 in JS effects & plugins, Code stuff and tagged mockups, javascript. This post has been viewed 6007 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

Datedropper 3 is the new version of the popular JQuery plugin by Felice Gattuso for creating beautiful date picker calendars.

December 7, 2016

Datedropper 3.0: A powerful jQuery UI datepicker

Code

One of the most interesting free resource of this week is Conversational Forms, a Javascript library to turn web forms into chat-looking conversations

December 1, 2016

Conversational Forms: Turn web forms into conversations with JS

Code

Shave is a dependency-free javascript plugin for truncating multiline text to fit within an HTML element. Coded and released by Dollar Shave Club.

October 29, 2016

Shave: A JS plugin to truncate multiline text

Code

Coreographer-js is a vanilla javascript library released by Christine Cha for creating complex animations based on events like scroll, mousemove, etc.

September 29, 2016September 29, 2016

Coreographer-js: A JS library for complex animations

Code

You should try this

Retro 4: A Premium vintage theme for WordPress

Recent Freebies

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017