Unique features

Greenshift plugin has everything which you see in any popular page builder like Divi, Elementor, Visual Composer. But also, we decided to add a lot of unique functionalities that are absent in other plugins. Let me show you just unique features of FREE version. Premium addons have much more


Performance smart helpersBuild complex layouts without losing your web vitals

You may see a lot of cool pages which are made in page builders. Problems that they degrade your score on web vitals. In Greenshift we added best solutions to keep maximum speed: conditional asset loading, no jquery, no dependencies, no icon libraries, smart loaders for libraries, custom light scripts and animations, etc

Find more about 100 scores for complex sites

Class first and variable systemBuild any design and pack it in class or global variables

GreenShift is the first free plugin with a Class system. You can attach the design to a local class or global class system, reuse it in blocks and import/export your design system to other sites

Find more about the Class system
Find more about the Variable System

Use anywhere and dynamic loadingConvert reusable templates to shortcode and use in any page or other page builders

We understand that you can’t migrate to Greenshift immediately but you may want to use some of the blocks. This is why we made the conversion for templates to shortcodes. Even more, we added Ajax loading on view trigger, on click, and on hover. Use it if you have something heavy on the page and you want to improve page performance.

Also, you can use the Hover trigger to make conditional loading for mega menus or if you want to hide something from search engines.


Smart scroll and carousel to anythingConvert regular columns or child items to scroll or carousel blocks

Do you want to convert regular columns to scrollable blocks on mobiles to make it look like in mobile applications? Now you can do this easily.

Convert any columns to scroll blocks on mobile


Flexible CSS grid and Flexible container Turn any items into flexible containers. Use super fast CSS grid for equal columns

When you need perfect equal columns, much better to use a modern CSS grid rather than columns. The plugin has a special CSS grid container and Flexbox options. Allows you to add columns, duplicate them, merge, remove, set equal gaps, etc

Also, we added several visual builders for column resizer, order and Grid builder

Do you need even more flexibility? Check our new update with options to control also each child items of CSS grid to build very custom layouts


Advanced Sliders and carouselsEasily convert galleries to sliders and carousels

You can add images to post via gallery block, then convert it to slider with extended functionality and many possible sliding effects and options

You can convert any element to slider


Shape dividersAdd simple or advanced shapes to block

Add shapes to the top or bottom part of the block (or together). Sync them with the background of the page to get interesting effects. Shape dividers can also have gradients, half opacity, animation, offset, and position control


3d FlipboxesAdd WOW effect with 3d flipboxes

You can control each side of flipbox. Both of them are containers so you can add anything to each side. You can add z transform to each block to add strength for 3d effect.


Custom sliding panels and popupsMake own sliding panels for popups, menus, system items

Now, you don’t need to install another plugin if you want to make a popup, sliding panel or mega menu. A sliding panel block is all in one instrument to build own panels and add anything to them. It doesn’t matter how you will use it: for megamenu or for marketing popup, for cart, or for the login form.


Interaction Layer systemBuild own interactive elements

This system is all-in-one tool to build own interactions without code skills. Just select trigger and attach action.

Find more about Interaction Layers

Overlay transitionsAdd animations for overlays

Add secondary background layer to block. Difference from regular background is that you can animate this layer and add hover and in view animations. There are a lot of predefined options which you can mix together for unique effects


Advanced Heading and TypographyBuild complex headings

This block is not just simple heading with color control. It’s all in one text controller. Add gradients, image masks, animated text highlighters, secondary title, additional elements, circled numbers (like in this post) or even heading sliders

You can use Also Fluid Typography


Animate anythingJust choose any block and animate it

Now, you are not limited with predefined animations. Add your own which you like more. Control any transform option, opacity, origin point, delay, time, and many other things.

And if it’s not enough, use Animation addon


StyleBook with Figma SynchronizationControl global parts from one place

Do you need central place where you can set global elements, classes, colors, gradient presets, variables and import/export them and create presets? Now you have it. And even more, you can synchronize it with our Figma Stylebook plugin

Find more about StyleBook in Learning Center

Use 3d modelsAdd real 3d on your site with AR

Did you see the possibility of showing models directly in your room, for example, furniture? Now, you can add this to your site without any code knowledge. It works with glb, gltf formats and Spline3d


Infinite animations and css transitionsBuild simple css animation effect

Add infinite CSS transformations to add some simple magic to your blocks. Make your images breathe


Visual Design HelpersImprove speed of productivity


Advanced Table of ContentAdd TOC with sticky panel

You can add not only TOC, but also you can enable sticky TOC which is mobile optimized. TOC will be autogenerated based on core heading blocks


Advanced Responsive optionsControl 4 breakpoints

Control up to 4 breakpoints and add responsive possibilities to your blocks

Also, you can use modern Fluid typography options and variable sizing


Body class and cookie saving buttonsBuild user’s saved custom layouts

Assign cross-site save classes when user clicks on button block

This can be used in many scenarios:

  1. To save user choice when he closes Exit Intent Popup
  2. To show different layouts based on user choice (grid, list, etc)
  3. To make Night mode
  4. To hide marketing, ads blocks
  5. To design elements based on user choice

Figma styles to Attribute conversionsEasily copy styles from Figma to Gutenberg blocks


Bulk copy styles by block typesAssign common style to blocks


Custom default styles for blocksBuild predefined styles for new blocks


All of these are just in Free version. Much more in Premium addons

  • Advanced Animation
  • Dynamic blocks
  • Conditional Visibility
  • Category page, user page, CPT archive customization
  • Special conversion optimized SEO and marketing blocks.
  • Charts and diagrams
Do you need more?Check our block library