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
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
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.
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
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:
- To save user choice when he closes Exit Intent Popup
- To show different layouts based on user choice (grid, list, etc)
- To make Night mode
- To hide marketing, ads blocks
- 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
PREMIUM ADDONS
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