Atropos : Touch-friendly 3D parallax Hover Effects

    November 22, 2021 | Core Java Script
    Atropos : Touch-friendly 3D parallax Hover Effects

    Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

    Available for JavaScript, React and Vue.js

    Read More Demo

    SVG Overlay and Infinite Menu Background Animation

    November 19, 2021 | Animation, CSS2 / CSS3.0, Menus, SVG Tutorial
    SVG Overlay and Infinite Menu Background Animation

    A little menu effect with composed of two things which is an SVG path overlay animation when it opens (or closes) and an infinite CSS powered background animation of an image grid.

    Read More Demo

    Slideshow with Filter Reveal Effect

    November 18, 2021 | Core Java Script, Slider
    Slideshow with Filter Reveal Effect

    A slideshow page layout with a filter enhanced navigation effect. It’s just an idea for applying a filter effect on a slideshow when navigating between the images.

    Read More Demo

    Layout with Reveal Animations and Content Preview

    August 2, 2021 | Menus, Responsive
    Layout with Reveal Animations and Content Preview

    Some experimental reveal animations on typographic elements as repeating pattern for a website design. I love to play with the overflow-hidden trick that we can use to make elements disappear and show again (by being cut off).

    Read More Demo

    Horizontal Smooth Scroll Layouts

    December 10, 2020 | Animation, Core Java Script
    Horizontal Smooth Scroll Layouts

    Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.

    The main concept behind these layouts is to play around with animations that feel and work well for scrolling to the sides. This includes animating images and text depending on the direction we scroll. Moving things up and down for example or skewing them can create a really interesting dynamic effect.

    Read More Demo

    Inline Menu Layout with Gallery Panel

    November 18, 2020 | Core Java Script
    Inline Menu Layout with Gallery Panel

    An inline menu layout with a playful hover animation and a gallery content preview panel.

    Read More Demo

    Spacetime : Calculate Time in Remote Timezones

    November 11, 2020 | Core Java Script
    Spacetime : Calculate Time in Remote Timezones

    Spacetime lets you figure-out what time it is, all-over the world:

    • calculate time in remote timezones
    • support daylight savings, leap years, and hemispheres
    • Moment-like 💘 API (but immutable!)
    • Orient time by quarter, season, month, week..
    • Zero Dependencies – (no Intl API)
    • only 43KB.
    Read More Demo

    Skeletabs : jQuery Accessible Responsive Tab Plugin

    November 10, 2020 | Plugins, Responsive, Tabs
    Skeletabs : jQuery Accessible Responsive Tab Plugin

    Skeletabs is an open source jQuery plugin that provides tabbed browsing feature to your web contents. It is focused on accessibility and scalability above all else, and is designed to support convenience of screen readers and keyboard users, as well as to encourage developers’ creative uses.

    Read More Demo

    HTML 5 & Bootstrap Jquery Form Validation Plugin : jbvalidator

    November 10, 2020 | Forms, Plugins
    HTML 5 & Bootstrap Jquery Form Validation Plugin : jbvalidator

    jbvalidator is a fresh new jQuery based form validation plugin that is created for the latest Bootstrap 5 framework and supports both client side and server-side validation.

    • Multiple languages.
    • Custom error messages.
    • Custom validation rules.
    • Easy to use via HTML data attribute.
    Read More Demo

    Cuttr.js : jQuery Plugin to Truncate Multi-Line Content

    November 9, 2020 | Plugins
    Cuttr.js : jQuery Plugin to Truncate Multi-Line Content

    Cuttr is a zero dependency, easy to use JS/jQuery library that truncates multiple line text content (Line Clampin’) to fit within given specifications. It adds an ending string like a ellipsis (…) to indicate that there is more text available than currently visible.

    Read More Demo