Custom Section is a free section builder for the layouts the ready-made templates do not cover. You start with an empty canvas of rows and columns, add blocks to each column, and see the result as you type, at desktop, tablet and phone widths. There is no code to write unless you want to, and no account to create.

Rows and columns

Each row has one to four columns, with nine layouts to choose from: equal columns, a narrow column beside a wide one, a wide middle, and a left or right sidebar. Set the gap, how the columns line up (top, middle, bottom or stretched), and whether they stack on tablets, on phones only, or never. Reverse the order when stacked so an image can come first on small screens.

Blocks for everything

Fill a column with a small label, a heading (H1 to H4, so your page outline stays correct), a paragraph, an image, a button, a list, a spacer, a divider or an HTML embed for forms, maps and widgets. Click any text in the preview to edit it in place. Left, centre or right alignment can be set for the whole section, a column or a single block, with margins and padding in pixels.

Your theme, your code

Colours, fonts and corner radius follow the theme you share with every other section, and the same entrance animations and scroll effects apply. When you need more, add custom CSS scoped to this section only and your own JavaScript, which run in the exported page.

Save, reuse and export

Save a layout to My designs, add it to any page in the Website Builder, or export HTML, a ZIP with your images, React or Vue. For ready-made starting points, browse the hero sections and feature sections.