# Form Builder









Build multi-step forms without writing code, with conditional logic, marketing
content and a wide range of components.

<Frame>
    <img alt="Surface Forms Builder Interface" src="__img0" />
</Frame>

## Layout Options [#layout-options]

### Single Pane or Dual Pane [#single-pane-or-dual-pane]

Choose one of two layouts:

1. **Single Pane:** just the form. Best for simple forms and embeds.
2. **Dual Pane:** split screen, with marketing content on one side and the form
   on the other. Best for landing pages.

## Components Library [#components-library]

Every component supports:

* **Style Customization**: Modify colors, fonts, spacing, and more
* **Responsive Design**: Components automatically adapt to different screen sizes

<Tabs>
  <Tab title="Form Components">
    <Frame>
            <img alt="Form Components" src="__img1" />
    </Frame>
  </Tab>

  <Tab title="Marketing Components">
    <Frame>
            <img alt="Marketing Components" src="__img2" />
    </Frame>
  </Tab>
</Tabs>