Making Stagger Reveal Animations for Text with GSAP & Splitting.js

    Making Stagger Reveal Animations for Text with GSAP & Splitting.js

    A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js. It happens when you click on “About” (and then “Close”). This kind of show/hide animation on the typographic elements is being used in many designs lately. At Codrops we call it a “reveal” animation.

    CindyJS : A Framework for Interactive Mathematical Content

    CindyJS : A Framework for Interactive Mathematical Content

    CindyJS is a framework to create interactive (mathematical) content for the web.It aims to be compatible with Cinderella, providing an interpreter for the scripting language CindyScript as well as a set of geometric operations which can be used to describe constructions. Together, these components make it very easy to visualize various concepts, from geometry in particular and mathematics in general, but also from various other fields.

    Rough Notation : JavaScript library to Create and Animate Annotations

    Rough Notation : JavaScript library to Create and Animate Annotations

    A small JavaScript library to create and animate annotations on a web page

    Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.

    Infinitely Scrollable Vertical Menu

    Infinitely Scrollable Vertical Menu

    A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.

    CZM Social Chat Support – jQuery Plugin

    CZM Social Chat Support - jQuery Plugin

    Social chat support plugin that provides a quick and easy way to interact with your clients. This jQuery plugin will allow your customers to contact directly to your support team.

    In addition to providing support with your website, you can support with Whatsapp, Messenger, Skype, Twitter, Telegram, Instagram and more accounts.

    Simple Swipeable Photo Gallery

    Simple Swipeable Photo Gallery

    Simple Swipeable, Light, responsive, and performant JavaScript gallery.

    CSS-Only Marquee Effect

    CSS-Only Marquee Effect

    A simple CSS-only marquee effect for a menu based on Francesco Zagami’s Dribbble shot.It has a really nice marquee animation when hovering a menu item (you have to wait a couple of seconds to see the menu).

    Rapid Image Layers Animation with CSS & Javascript

    Rapid Image Layers Animation with CSS & Javascript

    A rapid animation of multiple layers of images for intros or page transitions. The idea is to animate some fullscreen images rapidly, like a sequence of covering layers. It’s a nice idea for an intro splash or even a page transition.

    Moveable : JavaScript Library for Draggable, Resizable, Scalable, Rotatable

    Moveable : JavaScript Library for Draggable, Resizable, Scalable, Rotatable

    Moveable is javascript library for Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable elements.

    Features:

    • Draggable refers to the ability to drag and move targets.
    • Resizable indicates whether the target’s width and height can be increased or decreased.
    • Scalable indicates whether the target’s x and y can be scale of transform.
    • Rotatable indicates whether the target can be rotated.
    • Warpable indicates whether the target can be warped(distorted, bented).
    • Pinchable indicates whether the target can be pinched with draggable, resizable, scalable, rotatable.
    • Groupable indicates Whether the targets can be moved in group with draggable, resizable, scalable, rotatable.
    • Snappable indicates whether to snap to the guideline.

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles css is a pure CSS library that provides you with a variety of nice-looking toggles.