plugin-icon

Greenshift – animation and page builder blocks

Door wpsoul·
Meer dan 20 speciale blokken voor Gutenberg om complexe pagina's en animaties te bouwen met de hoogst mogelijke web vitals score.
Beoordelingen
4.8
Versie
12.9.6
Actieve installaties
70K
Laatst bijgewerkt
May 7, 2026
Greenshift – animation and page builder blocks

HIGHLY OPTIMIZED WEB CREATION TOOL

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.

Check out Greenshift block gallery

SOME EXCLUSIVE BENEFITS

✅ Klaar bibliotheek van secties en lay-outs met FSE-ondersteuning ✅ Interactie Layes. Voeg interactiviteit toe aan blokken met triggers, voorwaarden en acties ✅ Dynamische attributen en dynamische beweging. Maak ketens van animaties en verbindingen met dynamische data ✅ Geavanceerde containers, rijen, CSS raster. Beheer elk aspect van uitlijning, afstand, positie, flexibele positie, responsive tot 4 breekpunten, flexbox en css rasteropties. ✅ Ontwerphelpers in editor. Wijzig positie, afstand, rand, grootte direct in editor ✅ Mobiele slimme scroll voor secties en Marquee blok. Maak van je reguliere kolommen en blokken scrollbare items op mobiele apparaten of carrousels. ✅ Geavanceerde sliders en tabs. Maak elk soort inhoud als carrousel/slider/tabs. Converteer reguliere galerij naar geavanceerde 3d slider ✅ Uitgebreide achtergrondopties (kleur/gradiënt/video’s) en overlays met hover-overgangen. ✅ CSS scroll animaties en hover-overgangen zonder bibliotheken. ✅ AR/VR 3d viewer blok en Spline3d blok. ✅ Dynamische blokken: geanimeerde kopregels, aftellen, tellers, video’s, tabs, togglers, inhoudsopgave, voortgangsbalken enz. ✅ Beheer eenvoudig alle opties voor afzonderlijke resoluties ✅ Hoofd Hover-overgangen en achtergrond animaties ✅ Aangepaste zij- en dropdown schuifpanelen, pop-up bouwer ✅ Lokaal lettertype, AVG/GDPR klaar ✅ Figma Converter ✅ Elke webpagina en site naar WordPress Greenshift Converter ✅ Dynamische data, herhalers, Meta getter om data op te halen uit aangepaste velden, gebruiker meta, site-opties, transiënten, externe feeds, enz. ✅ Zichtbaarheid opties

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.

Om enkele unieke opties te bekijken, bezoek functie pagina.

EXTENDED RESPONSIVE OPTIONS

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

Wij zijn van mening dat Greenshift de meest geoptimaliseerde plugin is voor webvitaliteit. Dit komt omdat de plugin unieke conditionele assets gebruikt. Alle blokken zijn verdeeld over stukken, die alleen worden geladen wanneer je ze op de pagina gebruikt. Alle dynamische bibliotheken hebben geen jQuery afhankelijkheden. Alle stijlen worden inline geladen in het hoofdgedeelte van de pagina om CLS en incompatibiliteit met cache plugins te voorkomen. Herbruikbare blokken, widget en template omgevingen worden ondersteund.

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.

WOOCOMMERCE ADDON

Voeg WooCommerce blokken toe aan FSE. Breid je winkel uit met extra functies zoals een ‘Koop nu’ knop, gratis verzending, uitverkochte artikelen, bundels, combo’s, slide panelen, kleurstalen, attribuut groepen, extra templates voor individuele producten, aangepaste tabs, Ajax zoekfunctie en nog veel meer.

Any webpage to WordPress Converter

Convert any webpage or HTML design to Greenshift blocks.. Requires AIO plan

Figma to WordPress Converter

Convert any Figma design to Greenshift blocks in one click.. Free to everyone.

AI Helper

AI Helper is a tool that helps you to build blocks with AI. Use own API keys, no GreenShift subscriptions, no payment to GreenShift required. AI requests are sent directly to the selected third-party AI provider.

= HTML code to WordPress Blocks converter= HTML source to blocks converter Put any kind of html with css and js snippets and it will be converted to dynamic blocks

Third Party Services

This plugin can connect to external third-party services in certain situations:

GreenShift Shop

When you activate a premium license for GreenShift addons, the plugin connects to our licensing server at https://shop.greenshiftwp.com/ to verify and activate your license key. This connection sends your license key and site URL for validation purposes. No other data is sent to third parties. This connection is made only in time of activation of license, this is not required to use plugin without license.

GreenShift Template Library

When you browse or import layouts, templates, categories, or related template assets from the GreenShift library, the plugin connects to https://greenshift.wpsoul.net/ to retrieve the requested template library data. The request may include selected category IDs, tag IDs, page numbers, layout IDs, and download URLs needed to load or import the selected layout. This connection is used only when interacting with the template library or importing a template.

YouTube

When a page uses a YouTube video element or YouTube lightbox/player feature, the plugin may load the YouTube iframe API from https://www.youtube.com/iframe_api to render and control the embedded video player.

Vimeo

When a page uses a Vimeo video element or helper, the plugin may request Vimeo oEmbed data from https://vimeo.com/api/oembed.json for the provided Vimeo video URL so the video can be embedded properly.

Google Maps

When a map block is configured to use Google Maps and a Google Maps API key is provided, the plugin loads Google Maps JavaScript from https://maps.googleapis.com/maps/api/js to display the map. The request includes the configured API key.

OpenAI

When AI Helper features are configured to use OpenAI with your own API key, the plugin sends the prompt and related AI request data directly to OpenAI API endpoints such as https://api.openai.com/v1/responses, https://api.openai.com/v1/images/generations, or https://api.openai.com/v1/images/edits. The request includes your configured OpenAI API key and the content needed for the selected AI action.

Anthropic

When AI Helper features are configured to use Anthropic with your own API key, the plugin sends the prompt and related AI request data directly to Anthropic API endpoints such as https://api.anthropic.com/v1/messages. The request includes your configured Anthropic API key and the content needed for the selected AI action.

Google Gemini API

When AI Helper or image generation features are configured to use Google Gemini with your own API key, the plugin sends the prompt and related AI request data directly to Google Gemini API endpoints such as https://generativelanguage.googleapis.com/. The request includes your configured API key and the content needed for the selected AI action.

Github Repository

https://github.com/wpsoul/greenshift

Gratisvoor betaalde abonnementen
Door te installeren, ga je akkoord met de Servicevoorwaarden van WordPress.com en de voorwaarden voor plugins van derden.
Getest tot
WordPress 7.0
Deze plugin kan worden gedownload, zodat je hem op je kan gebruiken.