Your learning path

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.

Decide between GreenShift Blocks (predefined, ready-made designs) and GreenLight Elements (raw HTML-tag equivalents, maximum control). Different philosophies — pick the one that fits how you build.

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.