Made in Builder.io

Join us for the biggest Figma-to-code launch of the year

Builder.io logo
Talk to Us
Platform
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

The following glossary defines Builder and web design terms that appear in the Builder documentation and other resources.

With A/B testing, you create multiple variations for a page and test them with your site visitors. You can style these variations differently, and these variations will be shown at random to your users. You'll also have access to the metrics for your different variations.

Align icons move your content — for example, text — to the left, middle, or right of a page.

Boxes are containers for grouping content. A Box contains other blocks, such as Text blocks or Columns. By grouping content in a Box, you can apply styles to that Box and its contents inherit those styles.

Blocks are the fundamental elements you drag onto the work area as you create in Builder's Visual Editor. Examples of blocks include an Image block, a Text block, a Box block, and Columns.

A child emement is a piece of content that is nested inside of another element.

Use a child layout section to arrange nested elements in their parent container.

Content entry

A content entry is a piece of content; that is, an instance of content, necessarily based on a model. Examples of content entries include Sections and Pages, which Builder lists in the Content section.

CSS, which stands for Cascading Style Sheets, is one of the fundamental technologies of the web, and gives Pages and Sections their style. Style, or styles, in web development refers to features of layout such as placement, colors, typography, borders, shadows, and certain animations. CSS has a unique syntax and engages with the Box Model, a key part of Responsive Design.

The definition of Data within a Space. For example, a blog author data model might include fields for author name, bio, job title, and handle For more detail, see Data Models.

Dynamic content is content that changes, such as on hover, click, or keypress.

Element attributes are identifiers you can add to an element to control that element's behavior. You can add custom element attributes to your content such as an id, class name, or a default state of checked for checkboxes. You can find the Element Attributes section near the bottom of the Style tab.

An environment is a special kind of Space that replicates and engages with your main Space so that you can create environments such as Production, QA, Staging, or QA. With environments, you can push and sync content and models between different environments. Requires an Enterprise plan.

For more information including demo videos, refer to Enabling Environments.

Flexbox is a CSS layout model in which the children of a container can be laid out in any direction, and can “flex” their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent. Both horizontal and vertical alignment of the children can be easily manipulated.

The history tab is where you can view your page in past states and revert back if needed. You can also view a comparison of your current page and a past state.

For more information, see the History guide.

The Insights tab features a heat map, engagement, and conversion rates for your page.

A model is the definition of a type of content, such as a Page model or Section model. Models are the basis of content entries. For more detail, see Intro to Models.

Margin is the space on the outside of a piece of content. For more detail, read Margin and Padding.

The topmost level of a Builder account. A company has one Organization that contains its Spaces. For more detail, refer to the Organizations documentation.

The definition of a Page within a Space. Builder comes with a default Page Model that you can use to make as many Pages as you need. For more detail, see Page Models.

Padding is the space on the inside of your content.

A parent element is a block that acts as a container for other blocks.

Preview mode, available under the eyeball icon in the upper right of Builder's Visual Editor beside the Publish button, gives you an accurate view of what your webpage looks like before publishing.

Publicly visible, alphanumeric ID of a Space that you use to integrate your code base and fetch data. For more information see Using Your Public API Key.

A Builder SDK, or software development kit, is a special set of tools for a JavaScript framework (Builder offers SDKs for all the major JavaScript frameworks) to help with integration with Builder. For details on the latest SDKs, visit SDK Comparison.

A Section is a discrete content entry that you can use within a Page. Examples include banners and tiles.

The definition of a Section within a Space. You can create Section Models and use them to make as many Sections as you need. For more detail, see Section Models.

A place within and Organization where you work on a project and where you integrate your code. For more detail, see Spaces.

A Symbol is a piece of reusable content that you can drag and drop onto a Page or Section. By default, any changes you make to a Symbol and publish update that Symbol everywhere you are using it. To prevent this default behavior, you can make the Symbol inline, which turns it into a regular block.

A template is a piece of reusable content that you can drag and drop onto any page, but differs from a Symbol in that any changes you make to an individual instance of template does not update other instances of that template elsewhere.

Visual Copilot is a workflow that includes using the Builder Figma Plugin to import your Figma design into Builder, automatically apply responsiveness, and generate dev-friendly code.

Web application, web app for short, refers to an application that runs in the browser. The Builder web app is the Builder software that customers access by logging in. The Builder web app includes the Visual Editor user interface (UI), and all of the other parts of Builder accessible with a Builder login.


Looking to hire a third party to help with your project?

Submit a project request and our partnerships team will reach out to connect you with an Expert from our partner ecosystem.

Connect with us

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

Newsletter

Developer Newsletter

Latest tips, tricks, and news for frontend developers from our blog

Product Newsletter

Latest features and updates on the Builder.io platform

By submitting, you agree to our Privacy Policy