Unique Features

GreenLight has everything you see in popular page builders like Divi, Elementor, Visual Composer, Bricks, and Etch. Additionally, we decided to add numerous unique functionalities that are not present in other plugins. Let me show you just the unique features of GreenLight and why you will install it on your site.

Maximum possible performance

GreenLight is probably not just 100% optimized, but 101%. You can just check page vitals of our homepage. When we were building our page, we decided to add a lot of heavy things to make a stress test: video, big images, parallax, 2 interactive backgrounds, lightbox, sliders, animated borders, split text animation, reveal animation, and glass effects.

And guess what? We got 100 on mobiles just on the start, even without image optimization. We just do not use any cache plugins on sites with GreenLight. Why? Because GL has many inner features for optimizations. For example, smart loaders for everything.

We have custom-made scripts for animations and panels that load only what is used on the page, no more unused styles and scripts. Only a few KB for all kinds of jobs. And unlike other page builders, we do not use any global loaded frameworks.

Every Line of code has matters for us

We try to make code perfect, any single word is used without purpose, and most of our scripts are under 1kb size.

This is also a comparison of the memory usage of popular plugins (on a clean site). As you see, GreenLight is best in all criteria (page render, memory usage, execution, database requests)

Cleanest possible code

In GreenLight, output is practically the same if you are the highest level webdev and write everything manually. If you add DIV element, it will generate only div tag, nothing else, you have full access to attributes, styles, js, and classes.

And even more, you can make them to be connected with dynamic fields. This opens you things that are not possible in any other tool.

White Label by default, sell as your own

Do you want to increase the value of your work for clients? GreenLight doesn’t show anywhere that it’s GreenLight. It has no branding at all. So, you can sell it to your clients as your work. Also, all our components are registered to work outside the plugin, so you can build your own blocks with panels from GreenLight

And for easier management, we added Block Manager and Simplified panel feature, so you can give other panels to your clients while keeping your work safe and not destructive

HTML Converter and Descendant Style Feature

We provide a special browser extension to convert html to blocks that you can use to copy any section on any site and convert it to GreenLight blocks. Additionally, you can easily change descendant styles from the parent block. This can be useful when you want to replace AI-generated or copied sections with your brand colors

Class first and variable system

GreenLight is the first free plugin with a Class system. Once you add any design to a block, it will be attached to the root class, and then you can rename it, make an instance or copy. You can also create local classes, global classes, utility classes, make automatic class creation, or even use Style Manager. Plugin automatically detects class context, so you can select classes more easily.

AI Helpers

AI is changing our lives. But at the same time, we must understand that currently AI is great as our helper, not a replacer. Unlike other tools, we integrate AI in areas where it’s providing the best results – content fixing, block generation, table generation, image editing, and wireframe creation. We use only direct API without our layers, which means that we do not collect anything from you, we do not have any layer between your site and the direct API of model providers (Google, OpenAI, Authropic)

We also add all available tools for models like web search, image vision, etc

Modern CSS is not scary

Usually, GreenLight implements modern css more earlier than anyone. And automatically apply polyfills on browsers that do not support new features

Carousel Everything

You can make very different types of carousels with GreenLight. From simple sliding to circular galleries. You can convert any repeatable items to carousel

Easy Marquee – no problem

Practically, you can convert any type of data in carousel or slider. Even external resources

Or add special smart scroll class to visualize grid as app like smart scroll

Connect Anything

GreenLight has very powerful dynamic fields and dynamic placeholders.

1. Custom fields
2. Taxonomy values and meta (for example you can show post categories or custom taxonomy)
3. Post data (title, excerpt, date, comment count, etc)
4. Author data, User data (name, registration date, description, User Meta)
5. Taxonomy Archive data
6. Site data (Site name, site description, current year, current month, database options, transients)
7. Post taxonomy (Taxonomy Meta fields, taxonomy name, taxonomy description)
8. Repeater data (get data from connected relationships, arrays, json)
9. External Resources and API
10. REST API connections
11. Related items and Related objects
12. Cross Relatinship
13. ACF, ACPT, JetEngine, Metabox, and other popular plugins are supported

Loop Anything

There is powerful Query Builder block that can be used to show post items or carousels. And also you can connect anything to repeatable data.

Figma Converter

Figma becomes standard in web design and GreenLight has free addon that can help you convert design to blocks and even import global colors, variables to variable system of site

Powerful Panel System

It’s not just panel templates. It’s fully customizable integrated in common workflow panels, popups, modals, dropdowns. Easily to integrate or build own components

Interaction and Animation System

GreenLight has own Interactive and animation system. And unlike Interactivity API in WordPress, GL Interactivity do not require to make any code. You just select the trigger and action. Or animation preset. At the same time, you have access to make custom animations

Productivity features

You can speed up your site creation with our special Productivity features. Whatever you prefer to use: class workflow or local attributes, we provide a lot of features

API Connector

I think it’s quite a popular situation when you need to update a site from external resources. Maybe you need to change the price for clients or show the latest items from external sources.

GreenLight makes the most powerful API connector. It’s not just using external sources, it’s an inner proxy server, markdown support, streaming support, an option to map external data to your custom design, automatic data conversion, ready-made chat, and listing templates

And you can connect it not only to dynamic blocks but also to specific data types. For example, connect Google tables to your site

Import your custom design system

You can not only add your own variables and global classes, but you can easily import your design systems into the plugin

Integrated Light Framework

Presets everywhere. But what is great is that they are based on variables and you can overwrite them globally at any time

Helpers everywhere

There are a lot of small but very useful helpers in plugin. Like advanced copy styles, special option presets, option to set default attributes, etc

Code view

If you prefer to edit by code, GreenLight has an option for this + Custom CSS + Custom JS panels

Ready Effects and presets

There are many ready effects that you can easily add to site:

• Mouse Follow
• Tooltips
• Custom Cursor
• Split text
• Twin Hover