Design Resources

Morphing Background Shapes on Scroll May 26, 2017

A decorative website background effect where SVG shapes are morphing and transforming on scroll. Morphing Background Shapes on Scroll

Timedropper a jQuery UI timepicker May 02, 2017

Timedropper is an eye catching jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker. Set time in 12-hour clock in which the 24 hours of the day are divided into two periods. Change time using mousewheel. Timedropper a jQuery UI timepicker

Grid Loading Animations Apr 19, 2017

A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded. Grid Loading Animations

Summernote: Super simple WYSIWYG Editor Mar 15, 2016

Summernote is a JavaScript library that helps you create WYSIWYG editors online. Summernote: Super simple WYSIWYG Editor

Colorify.js Dec 25, 2015

Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs!
- Extract the dominant color from an image
- Generate gradients based on the images colors
- Isolate colors and manipulates them everywhere in the page
- Create a Lazy-revealer system for your images
- Load image dynamically

Colorify.js

jQuery Responsive Lightbox Plugin: Chocolat.js Sep 11, 2015

Chocolat.js enables you to display one or several images staying on the same page.
The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.
The viewer may appears full-page or in a block.

jQuery Responsive Lightbox Plugin: Chocolat.js

"Roboto: Google’s signature family of fonts" is now free Jun 10, 2015

oogle’s signature family of fonts, the default font on Android and ChromeOS, and the recommended font for Google’s visual language, Material Design.
It also contains the toolchain used in creating Roboto.
The font family supports all Latin, Cyrillic, and Greek characters in Unicode 7.0, as well as the currency symbol for the Georgian lari, to be published in Unicode 8.0.
The fonts are currently available in eighteen different styles.
A subset of an earlier version of Roboto is available from Google Fonts, and can be used as a web font.

"Roboto: Google’s signature family of fonts" is now free

Jquery Image Player Apr 17, 2015

Businessess need to develop a video to explain the flow of applications like online internet banking, 3D visuals of car interiors, etc. However, this makes the overall file size very heavy. In such cases, users can use this "Jquery Image Player". Though giving a feeling of a video player, this is an image based player with a look and feel of video player. Jquery Image Player

Restive.JS: Make your site responsive and adaptive Apr 08, 2015

Restive.JS is a JQuery Plugin that helps you quickly and easily add features to your Web Site to enable it respond and adapt to virtually every Web-enabled Device. Using a combination of Device Detection, Advanced Breakpoints Management, and Orientation Management, Restive.JS will give your Web site an uncanny ability to stay robust in the face of a constantly changing device landscape.

Restive.JS: Make your site responsive and adaptive

Space.js : HTML-Driven Narrative 3D-Scrolling Apr 07, 2015

Space.js is a Javascript library which is based on parallax technologies used for narration. The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility. The core of the library is to divide our HTML into frames, or space-frames as we call them her (to not conflict the common class name “frame”).

Space.js : HTML-Driven Narrative 3D-Scrolling