Submit your widget
67
Yays

CSS and jQuery Ink Transition Effect

  Views 22827   downloads 3721   Layout & Interface

This is an ink bleed transition effect, powered by CSS animations. I recently came across a couple of websites using ink bleeds as transition effects. A great example is the Sevenhills website.…

34
Yays

very Cool Grid Loading Effect with jQuery

  Views 16510   downloads 2983   Layout & Interface

This is a tutorial on how to achieve the grid loading effect seen on the "Design Samsung" site. The effect will show a colored element sliding in first and then sliding out again, revealing…

46
Yays

jQuery plugin for better grid layouts

  Views 19413   downloads 3489   Layout & Interface

Better Grid Layouts - Especially for Portfolio Pages! Install using Bower: bower install brickfolio   Or copy the following files into your project: jquery.brickfolio.min.js jquery.brickfolio.min.css…

28
Yays

Performance-focused pure css loading animations

  Views 10833   downloads 2571   Layout & Interface

Delightful and performance-focused pure css loading animations. A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid…

4
Yays

Library for fast CSS3 Animations effect-------Repaintless.css

  Views 4340   downloads 465   Layout & Interface

Repaintless.css in a lightweight animation library that consists only of animations that don't cause reflows and repaints of a website when used correctly. The idea for a library came after seeing…

23
Yays

JavaScript library to make drawing animation on SVG

  Views 8716   downloads 1910   Layout & Interface

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well…

15
Yays

Easy scroll animations for web and mobile browsers

  Views 9592   downloads 1222   Layout & Interface

Easy scroll animations for web and mobile browsers 1.1. Installation   The simplest method is to copy paste this snippet just before your closing </body> tag. <script src="https://cdn.jsdelivr.net/scrollreveal.js/3.0.6/scrollreveal.min.js"></script>…

32
Yays

Responsive product grid layout with jQuery

  Views 9220   downloads 2221   Layout & Interface

This is A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality. This Blueprint is a responsive Isotope-powered product grid layout where…

27
Yays

Midnight--- jQuery plugin to switch fixed headers

  Views 11038   downloads 2433   Layout & Interface

A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Quick start   Create your fixed nav (or header)…

29
Yays

Super Cool Rain & Water Effect Experiments With jQuery

  Views 14714   downloads 3363   Layout & Interface

Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios. We'll share some WebGL experiments with you. The idea is to create a very realistic looking rain…

27
Yays

Very Cool dynamic cascading grid with jQuery

  Views 9750   downloads 1676   Layout & Interface

This is a very fast and simple javascript plugin to help you create a dynamic cascading grid. Getting started First, include stackgrid.adem.js in your project. <!-- Example HTML --> <div…

26
Yays

Data-based DOM element filtering via tags with jQuery

  Views 8780   downloads 1723   Layout & Interface

Tagsort provides dynamic tag-based element filtering using data attributes to produce tags for a specified set of elements and append those sort tags to the tagsort element .tagSort({options...}) is…

20
Yays

Multiple Shake and Border with jQuery

  Views 8237   downloads 1802   Layout & Interface

ShakeBorder jQuery Quick start 1.- Include the files <!-- Bootstrap and JQuery --> <link rel="stylesheet" href="bootstrap.min.css"> <script src="jquery.min.js">…

23
Yays

Multiple Practical Effect For Building Parallax Websites

  Views 9501   downloads 3243   Layout & Interface

Websites with scroll animations are all the rage these days. we’re going to show you a few practical examples for building them. You can think of this article as a collection of building blocks…

25
Yays

Very Useful Product Tour plugin

  Views 8234   downloads 2384   Layout & Interface

This is a responsive tour snippet, with a step-by-step guide to help users understand how to use your website. Onboarding processes are essential to let users familiarize with your website/app functionalities…