RESOURCES Archive

We follow many designers and developers and of course websites that share or release resources to help design community. So, this is our weekly design news post where we share our favorite web design and development news. Most of the tools, freebies, …

This a morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify. You can create a experimental grid layout with “cards” where you’ll animate the card expansion with a morphing effect on the cover image and …

Search Engine Optimization is complicated with over 200 plus factors in it that determines what get ranked from Page title, URLs, Meta Description to Backlinks and more.  It is hard and complicated and no one know the exact factors except Google. In …

This is a responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.It’s been created by Codrops. This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation …

This is a mini-library of experimental page scroll effects. fancy effects that take place while the user is surfing through the sections of a web page. Some of the effects are quite extreme, but they can prove very useful if your goal …

smartscroll is a tiny (1126b minfied + gzipped) jQuery plugin that has these independent features: Section scrolling – Scrolljacking Auto-hash – Updates the URL hash based on current position on page Responsive – You can disable scrolljacking below a set breakpoint It …

For some time now watercolor has been trending in blog designs, prints, packaging and branding designs. If you’re looking into designing or redesigning your ideas, the watercolor trend is really blowing up and here are some hand-painted resources to get started. Highlights: …

Knwl.js is a Javascript library that parses through text for dates, times, phone numbers, emails, places, and more. What’s awesome about the new version of Knwl.js is that it makes it much easier for anyone with a little knowledge of JS to …

Color Extraction Effect is a little slideshow with a color palette creation effect using CSS Filters and Vibrant.js. The idea is to create a color palette from an image with a subtle effect on the image itself and some fanciness on the …

Product Tour is a responsive tour snippet, with a step-by-step guide to help users understand how to use your website.This is a handy tour snippet powered by CSS and jQuery, characterized by a user experience that changes according to the device size. …

Promo is a clean flat landing page for business template. This template built with fully responsive flat design, Bootstrap 3.0 system, minimalize structure and a slew of features. Features: Built with Bootstrap Inspired from Flat UI design Valid HTML5 Markup & CSS3 …

stackgrid.adem.js is a very fast and simple javascript plugin to help you create a dynamic cascading grid created by heyadem Getting started First, include stackgrid.adem.js in your project. Minimum CSS requirements Make sure all the contents inside are fully loaded before initializing …