Counter-intuitive but true: don’t start with our docs. They assume web-dev fundamentals. Spend a few days on HTML & CSS basics first — everything after gets easier.

Find out how to add, edit, and change WordPress Gutenberg blocks. Learn the basics or skip this step if you have used an editor before

Classic theme or Block (FSE) theme? Each unlocks different workflows. Watch the overview, then commit — mixing routes mid-project costs you time.

Classes, frameworks, no framework, variables — sites can be built many ways. Skim the basic workflows video so you know what tradeoffs you’re signing up for.

The Stylebook is where every global style lives. You can ship a site without it — but in 99% of cases you shouldn’t. Learn it once and stop fighting cascade.

Every page is built on layout blocks. Consistent section widths and spacing come from here — get this right and the rest of the site stays clean.

The most-used design panels plus the productivity tips video. This is the muscle-memory layer — the keyboard shortcuts and quick-copy patterns that compound every day.

Sliding panels, popups, animations and the Interaction Layer system. The toolkit that takes a site from finished to memorable.

No real site lives without dynamic data — Query Builder, dynamic fields, dynamic placeholders. Then plug in the AI helper for design and block generation.

Animations are very popular — GreenLight has a lot of animation features, from simple to complex on scroll, SVG, and multi-chain animations

If you prefer to use modern AI directly in plugin, we have a lot of features for this: HTML convertor, AI helper, Skills and cli functions