Archive for 2020

    Diagonal Thumbnail Slideshow Animation

    Diagonal Thumbnail Slideshow Animation

    A simple slideshow with tilted thumbnails and large titles that animate when navigating. So the main idea is to animate the tilted thumbnails out of the viewport when navigating to the next or previous slide. While the thumbnails move out, the titles get animated too, in that reveal/unreveal fashion that seems to be quite trendy now. The direction of the motion depends on whether we’re navigating back or forth.

    Menu to Inner Page Animation with Image Grid Background

    Menu to Inner Page Animation with Image Grid Background

    A layout with a menu and background image grid that animates to an inner content page. The idea is to show a menu with a nice background grid of images and when choosing to explore a project, an animation happens where the images of the background grid fly away and an inner page shows.

    Magnetic Buttons with CSS & JavaScript

    Magnetic Buttons with CSS & JavaScript

    A small set of magnetic buttons with some fun hover animations.The main idea of these buttons is that they are magnetic and follow the mouse pointer. Along with that, there’s lots of room to play with some interesting hover animations. A very nice thing to explore is the motion of an additional element like a shadow or another line. The parallax effect created by moving the button’s elements differently, gives a nice twist to the animation.

    ToxinRangeSlider : jQuery Range Slider Plugin

    ToxinRangeSlider : jQuery Range Slider Plugin

    ToxinRangeSlider – this is jquery plugin that allows you to select a value or range of values.

    Htmx : Hight Power tools for HTML

    Htmx : Hight Power tools for HTML

    htmx is a javascript library that allows you to access AJAX, WebSockets and Server Sent Events directly in HTML, using attributes,so you can build modern user interfaces with the simplicity and power of hypertext. It is small (~7k min.gz’d), dependency-free, extendable & IE11 compatible.

    HC Off-canvas Nav : jQuery Plugin

    HC Off-canvas Nav : jQuery Plugin

    HC Off-canvas nav is a jQuery plugin for creating toggled off-canvas multi-level navigations, allowing endless nesting of submenu elements.

    CryptoJS : JavaScript Library of Crypto Standards

    CryptoJS : JavaScript Library of Crypto Standards

    CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns. They are fast, and they have a consistent and simple interface.

    Advanced Bootstrap Carousel Plugin

    Advanced Bootstrap Carousel Plugin

    Advanced Bootstrap Carousel Plugin could be your next one-stop-destination. If an advanced Bootstrap carousel with 138 pre-made layouts is available, then you need not to use any other framework. Have a look at our designs with advanced functionality that you would’ve never come across. It could prove to be a lifesaver for Bootstrap users. Advanced Bootstrap Carousel Plugin is a clean, innovative, modern, and elegant Bootstrap Slider Plugin, it helps you display your content in the most stylish way. Whether you are looking for a full-width, Cover Flow, Hero Scene, or even a post slider, the Advanced Bootstrap Plugin Would let you artistically tell your stories.

    YouRam Simple : Youtube Videos Gallery jQuery Plugin

    YouRam Simple : Youtube Videos Gallery jQuery Plugin

    YouRam Simple creates a beautiful Gallery of YouTube videos from any channel uploads or a playlist link. Videos are shown in a popup or as an embed.

    Creating a Menu Image Animation on Hover

    Creating a Menu Image Animation on Hover

    A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.