Do you want to build high quality animations and pages but you struggle with low performance on google tests with popular page builder? Greenshift will take care of this.
Plugin doesn’t use predefined styles, frameworks, icon fonts and script libraries. Every asset is generated on fly and loaded only when you use it. In the same time, plugin has very unique blocks and animation possibilities to surprise your visitors with high-end animations and transitions. You can build styles like on top awarded sites without any code knowledge.
✅ Ready library of sections and layouts with FSE support
✅ SVG shape libraries. Add extended formating to each block or animated dividers
✅ Advanced containers and Rows. Control every aspect of align, spacing, position, flexible position, responsive up to 4 breakpoints, flexbox and css grid options.
✅ Advanced position control. You can set css position via CSS transform, position or margins.
✅ Mobile smart scroll for sections. Turn your regular columns and blocks to scrollable items on mobiles or carousels.
✅ Advanced sliders and tabs. Make any kind of content as carousel/slider/tabs. Convert regular gallery to advanced 3d slider
✅ Extended background options (color/gradient/videos) and overlays with hover transitions.
✅ CSS scroll animations and hover transitions without libraries.
✅ AR/VR 3d viewer block and Spline3d block.
✅ Dynamic blocks: animated headlines, countdown, counters, videos, tabs, togglers, Table of content, progress bars etc.
✅ Easily control all options for separate resolutions
✅ Parent Hover transitions and background animations
✅ Up to 3 shadows for making 3d design effects
✅ Custom side and dropdown slide panels, popup builder
✅ Local font, GDPR ready
✅ Figma CSS to block design convertion
✅ Reusable styles (global styles)
ADVANCED PAGE DESIGNS AND ANIMATIONS
With Greenshift’s features, you can create complex pages and animations without code skills and directly inside core editor. Add spacing, positioning, css transform, shadows, borders like you can’t do in any other page builder. Use Shadow presets, hover transition presets, overlay transitions, infinite css animations, Headline Effects, Custom Animations, Gradient Backgrounds, Shape Dividers, parental transitions and many more.
Mobile traffic is even more than desktop nowadays, and Greenshift has everything to make your mobile web design better. It provides 4 custom breakpoints, preview mode and possibility to add different values per each resolution. All blocks have special optimized mobile layouts. Also, you can shift your regular columned design to smart scroll on mobiles to generate Application-style design.
DYNAMIC LOADING
We understand that you may want to keep your current page editor, but in the same time you want to use some features from Greenshift. For this purpose, we added possibility to convert blocks and pages to shortcode. You can use them directly in your plugin or custom pages. And even more, we added possibility to load blocks dynamically when they are in view, or by click/hover. This can save page perfomance on heavy pages.
Highest web vitals score
We believe that Greenshift is most optimized plugin for web vitals. It’s because plugin uses unique conditional asset loading. All blocks are divided on style chunks which are loaded only when you use them on page. All dynamic libraries have no jquery dependencies. All styles are loaded inline in head section of page to prevent CLS and incompatibilities with cache plugins. Reusable blocks, Widget and Template environments are supported.
TAKE IT TO THE NEXT LEVEL WITH GREENSHIFT ADDONS
All our core features are free and will be free always. We don’t sell any premium versions and don’t limit functionality. In the same time, you may be interesting in extra blocks depending on your type of site. Check full list of addon’s blocks for wordpress
ANIMATION ADDON
You can add any custom animation in core version, but Animation addon will give you more options based on popular GSAP library. Custom parallaxes, different triggers for animations (scroll, hover, click, stagger, batch), controll interpolation with scroll, Pin blocks while scroll, make Smooth flip between states, use Smart Lottie loader, add animated blobs, reveals, mouse interactions, animation chains and connections, text and svg animations, image sequences and video loaders. Use Rive block to add Rive scenes and our special API to connect dynamic site values and Rive.
QUERY ADDON
Query addon is usefull if you want to extend dynamic functionality. It has a lot of ready patterns for query loop block, you can customize and extend each of them with special Meta getter block (use to get and show any values from custom field, ACF, ToolSet or taxonomy meta), wishlist block, thumbs and hot counter. Visibility block allows you to show/hide content based on different filters (category, tags, taxonomy, custom field value, user roles, detection of current category). Advanced listing builder helps you to build directory listings. Query Builder allows you to build any kind of design for CPT loops and carousels.
SEO AND MARKETING ADDON
We have very long 10 year story of developing different tools for affiliate, review, comparison sites. In coordination with best affiliate professionals and bloggers, we built set of special, highly conversion blocks to earn more profit from your sites. Link parser helpers, offer blocks, comparison and versus tables, listings, score and review boxes, woocommerce boxes. All blocks have special mobile layouts.
Greenshift works with all themes that follow the coding standards of WordPress. But we recommend to use Gutenberg optimized themes and FSE themes.
Can it be used inside other page builders?
You can create templates in Reusable template section and plugin will create shortcode for template. You can use this shortcode in any other page builders and areas which are not controlled by Gutenberg editor
Does it work with other WordPress Gutenberg plugins?
Yes, all codes are block based, so you can combine it with other plugins and blocks.
Do I need to know how to code?
No! Greenshift uses most modern functionality for browsers, but it has visual UI to control everything via editor. In the same time, there is Custom Css option which you can use to add custom code if you need it.
Can I get 100 web vitals score?
Yes, we guarantee that Greenshift is built on top of google recommendations and you can build even complex pages and keep 100 score on mobiles (in cases if you have optimized theme, good hosting and not overloaded page).
Added: Accordion block is moved to new API and new panels
Added: Accordion block has new option to attach icon to title
Added: Video block is moved to new API and new panels
Added: Switcher block is moved to new API and new panels
7.7
Added: Option to copy-paste style to definite type of block inside specific container
Added: Tab in inspector has memory. If you open Advanced tab in button block, then it will be opened by default in all button blocks
Added: Advanced list improvements, removal delete icon, improvements in toolbar, duplicate/remove buttons in toolbar are working for current selected list item instead of last item
Added: Accordion scroll to top of content is optional now
Added: WPML support including addons, translation files for addons
Added: Layout import has option to import also global assets (fonts, global colors, Global Element design)
7.6.3
Added: preparation for new template library (importing global colors, fonts with template, etc) + fix for svg shape margin + security improvements + better WPML support
7.6.2
Added: Sliding panel has sliding from top option
7.6.1
Fix: Accessibility bug in accordion block (page must be resaved to apply changes)
Added: Support Board for better support experience
7.6
Added: Interaction layers have also option to Load Reusable templates
Added: Interaction layers have new dynamic placeholders: offset left, offset top, height
Added: Overlay panel use more modern isolation css option instead z-index for better compatibility with other elements on page
Change: Interaction layers have now unlimited Math operation feature for values + custom selectors for dynamic placeholders. Please, note, that previous version of Math operations will not work in new version. You need to update your interactions in case if you used complex Math operations
7.5.2
Added: Colors for simple social share buttons
Fix: improvements for gutenberg API 3 performance
7.5
Added: Custom close selector for sliding popup and other improvements for block
Added: compatibility with older versions of wordpress
7.4
Added: Accessibility improvements for tabs, accordions, content toggler, sliding panel, switcher. Added aria options, focusable elements and controlling from Keyboard
7.3.4
Added: some improvements for Blocksy theme 2.0
7.3.2
Fix: possible CLS on width 100% option for images + container height fix + added links on new documentation
7.3.1
Added: Interaction panel In-view trigger has option to set root margin to control position of view trigger in viewport
Added: Border presets and some UI change for border component
Fix: Container margin auto option has better behavior in editor
7.3
Added: Clip Path presets to GSAP Animation panel
Added: Custom property option to GSAP Animation panel (you can animate any custom css property)
Added: Color option to GSAP Animation panel
Added: Observer type of trigger for GSAP Animation panel
Added: Refreshed UI in GSAP Animation panel
Added: Option to set custom units for Shifting properties
7.2.7
Fix: Reverting back Stylebook if you accidentally removed page. Fix for responsive hide option for containers in case if you have extra gaps or margins on it, fix responsive option for column and 100% in slider when you enable full width alignment
7.2.5
Fix: Scrollable carousel must prevent clicking while drag
7.2.4
Fix: CSS grid builder bug for mobile devices, accordion block align bug
Added: Smart Scroll feature for container was improved (added align option and drag option)
Fix: twitter icon replaced
7.2.3
Fix: Image view for mobiles for static width of images
7.2.2
Added: Interaction panel can use cookie for set, get, conditions
7.2.1
Added: Interaction panel new placeholders CLIENT_X_%, OFFSET_X, OFFSET_Y, CLIENT_Y_% for mouse effects
Added: Interaction panel new action to set HTML to elements
Added: Interaction panel new condition to check local storage
7.2
Added: Local class can be limited to style element only in Editor or only on Frontend. It’s useful for cases when you build custom effects when element is hidden by default. You can set to be hidden only on frontend while you can continue to edit it in editor
Added: Interaction panel has Action for Slide to specific slider for Advanced Slider block
Added: Css transform panel has separate delay transition option for initial, hover and active state
Added: Local classes can overwrite default position and spacing in Columns and Containers
7.1.4
Added: Text blocks now uses placeholders for default text
Added: Row can have custom semantic tag
Added: Interaction panel has Delay option for triggers
7.1.1
Added: more 6.4 fixes
7.1
Added: Background position has option to set custom units and variables
Added: Stylebook has Dark mode switcher
Added: Image block has Full width option
Added: Wp 6.4 compatibility
Added: Fix for option to set default attributes for blocks
7.0.3
Reverted: Typography presets are reverted back. Please note that it’s temporal restoring and will be removed in month, you need to migrate presets to new Variable or class system
7.0.2
Added: Icon Spacing to Accordion block
Added: Custom Action Selector has now option to use Index of Trigger (useful for building custom tabs and galleries)
Added: Query builder, Gallery and Repeater builder has support for Visual Grid builder
7.0.1
Added: Variable selector and custom values for all unit and color fields
Added: Interaction Layers system
Added: Gradient presets for Stylebook
Added: Variable presets for Stylebook
Added: Css grid builder has now also visual layout builder
Added: Options for Custom values for Shadow and Border panels including variable values
Added: Stylebook options in Sidebar for FSE and post (click on G icon in top toolbar)
Added: Preload link option for Local font
Added: Align option in Button is now device related
Added: Disabling icon in Advanced list disables also predefined spacing
Added: Slider has option to set number of slides per group
Added: Video Block supports Live youtube links
Added: Better align for icons in Accordion block
Added: New Admin settings panel
Fix: Multiple fixes according to reports: dynamic label, cleaning responsive data, stylebook class editing, Index panel, etc
Added: Visual design builder improvements (spacing top and bottom, visual position drag, resize drag, visual border radius drag, fast typography and colors)
Added: SVG image to svg code conversion in icon picker
Added: Better custom order for columns
Added: Visual Css grid builder
Added: Slider has option to use image as background
Added: Blocksy theme V2 support
Added: Blocksy theme sticky header and popup Active state options for css transform panel
Added: Better variation names in Inspector
Fix: core font size presets for some blocks
6.3.1
Added: Color picker supports variables
6.3
Fix: Accessibility options for Container link for images
Fix: Images use Lazyload in FSE templates by default
Added: Slides can have anchors in Slider block
Added: Popup/Sliding panels support dynamic content
6.2.5
Fix: Accessibility options for Iconbox block
6.2.3
Fix: column gap sometimes breaks blocks
6.2.2
Added: Clip animation presets
Added: 3d block and Splide 3d support Dynamic data
Added: Sliding panel/popup has Modal type (uses dialog tags)
Added: Gallery block supports collapsing to slider for mobiles
5.9.4
Added: Background and color options for TOC block
5.9.2
Fixes: gradient for background, border radius for videos
Added: Visibility Panel for blocks (requires Query addon)
5.9.1
Added: Aspect ratio option for VideoBox
Added: Tabs reorder option
Added: Min/max values for variable sizing
Added: Some fixes from reports
5.9
Added: Custom Fluid typography for presets
Added: Option to set Custom default styles for blocks
5.8
Added: Aspect ratio option for Sizing and custom Fluid typography
5.7.3
Added: option to set custom selector for trigger sliding panel, popup
5.7
Added: Spline3D WordPress block
Added: Accessibility options for Sliding panel, toggler, social share buttons
Fix: some issues when using duplicate button in some scenarios when blocks have the same styles
Fix: child containers for Flexbox have Order option
Added: improvements in Slider script, added support for custom breakpoints and pause on autoplay for hover
5.6
Added: Theme palette colors now uses variables instead flat colors
Added: Map field supports FSE template creation environment
Added: Accessibility labels for Button block
Added: Accordion script supports ajax render
Added: Repeater block (in Query Addon)
5.5
Added: variable width detection for Row in Greenshift theme (plugin will use Wide width option which you can set in global Style editor)
Added: Custom icon option for accordion
Added: Right side option for Vertical tabs and increased width value
Added: Option to place popup on top of page (useful if you have long forms in popup)
Added: Color picker in Color component
Added: Refreshed Typography options
Added: Map block and Dynamic Map option
Added: Dynamic Label option for Button block
Added: Transform origin point for css transformations
Added: Reusable style feature will clean local styles when you add or update reusable style to block
Fix: some scenarios when Gutenberg plugin and Background options are not compatible
5.4.1
Added: Performance improvements in style saving editor function
5.4
Added: Progress bar has new Circle Style type
Added: Dynamic fields for progress bar
Added: Dynamic fields for counter
Added: Option to retrieve values from multidimensional arrays in dynamic fields
5.3.3
Added: Gallery block for Query addon
5.3
Added: Option to reorder Advanced lists
Added: New Price table patterns
Added: Videobox lightbox improvements
5.2
Added: Updated Sizing Panel with variable width, height features
Added: Custom css grid template
Added: Variable font weight options for Advanced typography options
Added: Refreshed UI for better matching with core WordPress and popular WP themes
Added: Security improvements for shortcode rendering
5.1.3
Added: Custom Border options for Slider arrows
5.1.1
Added: Library for Site editor
5.1
Added: Title option to Advanced list links for better accessability
Added: Overflow auto option for Spacing panel
5.0
Added: Animation panel has improved GSAP options with all basic transformations, scroll interpolation and triggers (this still requires Animation addon)