Animation addon

Greenshift now supports global page transitions based on Transition API. Not all browsers support this, but all modern browsers support it. By default, elements header, footer and admin bar will stay fixed on page and only other elements will be animated. But you can set own selectors that will be safe on page Check tutorial

You can add a custom cursor for the whole site or specific sections. This is example for section There are two ways to add custom cursors. Animation Container This way will require Animation Container and will load GSAP library. To use it, add an animation container, drop any element inside, then enable the Mouse Follow […]

Smooth scroll feature can be used to add more smooth to regular page scrolling. This can help also to fight with some “jumpy” behaviour in your animations. Currently, Greenshift has two smooth scroll options: GSAP and Lenis GSAP provides not only smooth scroll but also additional scroll effects. Check demo But GSAP Smooth Scroller has […]

Greenshift has many 3D blocks: a model viewer, a Spline3d Viewer, and a 3D Woocommerce gallery. The dynamic 3D block extends 3D functions even more and introduces 3D API. Dynamic 3d block has 3 basic dynamic options. Advanced Animations You can animated not only model parts but also camera and light Animations in 3d block […]

This block is very similar to Image sequence block, but it works directly with video. So, it’s more easy to use it because you don’t need to convert video to images. There are some conses also. Video can be not 100% predictable because different browsers can have different behaviour and rules how video can be […]

<spline-viewer> for Greenshift Easily embed your 3d Spline scenes into your website directly in Gutenberg editor and use special Smart loader feature without degrading your web vitals score. In the same time, Greenshift supports all kind of Spline3d features + it has few additional features on top of Spline viewer (responsive sizes, self hosting for […]

Rive app is new animation editor for raster and vector graphic. Rive app features allows you to make not only interesting animations but also interactive via State Machine, Listeners and Event system. Greenshift animation addon allows you to use and configure Rive files directly in WordPress editor, but also we added additional WordPress API + […]

A horizontal scroll is an excellent way to add something more fresh and unique to your site. It doesn’t work like regular carousel when user needs scroll from left to right. Instead of this, Horizontal scroll work as vertical. The user scrolls down but at some point, the scroll becomes to work from left to […]

This effect makes background parallax when background image moves with different speed with wrapper. This can be used as Image Container block. There are two ways to get this effect – with parallax block and with Native Scroll API. Both are supported in plugin For native scroll – please check this demo, you can download […]

Page navigation block will create navigation for sections. You must add Rows or Containers inside so plugin can detect your sections. You can have two possible types of navigation: Simple dots (vertical, horizontal) or tabs. This is example of tabs. You must add the same number of tabs as you have number of sections

This block allows you to attach tick-filters to any kind of content of page. You can see demo of block on our site on block gallery page Now, when you create filters, you will find next interface You must copy these classes to block which you want to be under this filter You can add […]

Plugin has several mouse Follow effects that will affect position and orientation of object depending on position of mouse. You can add this effect for window (so, it will work always) or when hovering only on specific object There are two ways to add this effect. Animation panel Enable Advanced Animations inside Animation panel and […]