Core Concepts

📄️ Gutenberg Engine

Global structure and styling control. Create components with a single click. Edit your components inline on the canvas (no magic areas). Create and map "props" in seconds. Create variants with conditional logic. Components save as synced patterns and render on the front-end with zero extra DOM elements.

📄️ Component Engine

Loops on loops on loops. Loop posts, taxonomies, users, raw JSON data, and REST API data. Nest loops. Pull loop data from any loop into another loop. Use conditional logic in loops. Save loop configurations.

📄️ Loop Engine

Grab anything from the database dynamically. Etch is engineered for building modern, dynamic websites. Whether you're looping or templating, you're able to pull data dynamically from the WordPress database, the block editor, and custom fields.

📄️ Dynamic Data Engine

Show or hide anything based on conditions. Use Condition Elements and logic strings to control the rendering of any element or its children or to control attribute values and even inline styles.

📄️ True Conditional Logic Engine

Full support for compound conditions, {else} conditions, comparisons, nested conditions, and math checks in nearly any combination.

📄️ HTML Code Editor

Finally, full HTML code access! See it, touch it, and fully manipulate it. Nothing is off-limits!

📄️ Element-Based CSS

Etch stores element styling with the element itself and only outputs styling for elements that exist on the page. This is the best way to keep styling organized on a site and only output critical CSS.

📄️ Element-Based JS

Etch uses element-based JS –– Javascript that lives with the thing it controls. This retains the portability and shareability of any pattern or component that requires JS and makes it easy to find and edit your JS.

📄️ Auto-BEM

Once you build the structure, "Auto-BEM" can automatically attach BEM-style selectors to every element with a single click for maximum scalability and maintainability in your styling and unprecedented efficiency in your workflow.

📄️ CPTs & Custom Fields

Custom Post Types and Custom Fields are mandatory for proper content management in the modern era. Thankfully, Etch lets you create them on-the-fly, without leaving the page you're currently building, and instantly loop them or template them.

📄️ Attribute System

Etch is the only visual development environment that allows you to simultaneously add classes, attributes, and attribute values in a single action. You can then proceed to choose which things have styles applied to them (including attributes) with element-level CSS.