UI components for public pages

104 of 104 components

Text

Heading

Ready

Settings

10
TextLevelText ColorFont Family

Ready to use in a page.

ConfigurableOpen settings

Text

Text

Ready

Settings

9
TextText ColorFont FamilyFont Size

Ready to use in a page.

ConfigurableOpen settings

Actions

Button

Ready

Settings

17
LabelLinkOpen in new tabVariant

Ready to use in a page.

ConfigurableOpen settings

Media

Image

Ready

Settings

13
ImageAlt TextCaptionLink

Ready to use in a page.

ConfigurableOpen settings

Media

Icon

Ready

A simple visual marker for feature rows, cards, and callouts.

Settings

7
Icon TextAccessible LabelSizeShape

Ready to use in a page.

ConfigurableOpen settings

Sections

Icon List

Ready

A structured list with compact icon markers, titles, and descriptions.

Settings

5
TitleItemsColumnsIcon Color

Ready to use in a page.

ConfigurableOpen settings

Text

Quote

Ready

Settings

5
QuoteAuthorRoleStyle

Ready to use in a page.

ConfigurableOpen settings

Text

Table

Ready

Simple responsive table for specs, schedules, comparisons, and structured data.

Settings

5
TitleColumnsRowsStriped rows

Ready to use in a page.

ConfigurableOpen settings

Media

Before / After

Ready

Side-by-side comparison media for transformations, redesigns, and case studies.

Settings

6
Before ImageAfter ImageBefore LabelAfter Label

Ready to use in a page.

ConfigurableOpen settings

Sections

Progress Bar

Ready

Settings

6
LabelValueMaxShow value

Ready to use in a page.

ConfigurableOpen settings

Actions

Copy Button

Requires setup

Settings

6
LabelCopy ValueValue ModeSuccess Label

Requires setup before use.

ConfigurableOpen settings

Actions

Modal Trigger

Requires setup

A button that opens an accessible modal panel with nested block content.

Settings

5
Button LabelDialog LabelClose LabelSize

Requires setup before use.

ConfigurableOpen settings

Dynamic

Filter Controls

Requires setup

Controls a nearby content list by updating its filter attributes.

Settings

5
LabelFilter FieldOptionsTarget Selector

Requires setup before use.

ConfigurableOpen settings

Dynamic

Sort Controls

Requires setup

Controls a nearby content list by updating its sort attribute.

Settings

4
LabelOptionsTarget SelectorStyle

Requires setup before use.

ConfigurableOpen settings

Sections

Stepper

Requires setup

Multi-step content panels with next/previous controls.

Settings

3
Step LabelsPreview StepShow next/previous

Requires setup before use.

ConfigurableOpen settings

Navigation

Sticky Section Nav

Requires setup

Sticky anchor navigation for long pages and section-based layouts.

Settings

4
LabelLinksPositionStyle

Requires setup before use.

ConfigurableOpen settings

Actions

Button Group

Ready

Group multiple buttons with shared alignment, spacing, wrapping, and mobile stacking.

Settings

3
AlignGapStack on mobile

Ready to use in a page.

ConfigurableOpen settings

Sections

Tabs

Requires setup

Tabbed content panels with editable labels and nested block slots.

Settings

4
Tab LabelsPreview TabStyleAlign

Requires setup before use.

ConfigurableOpen settings

Layout

Section

Ready

Settings

15
BackgroundText ColorBackground ImageOverlay

Ready to use in a page.

ConfigurableOpen settings

Layout

Columns

Ready

Settings

4
ColumnsGapStack on mobileVertical Align

Ready to use in a page.

ConfigurableOpen settings

Layout

Grid

Ready

Responsive grid layout with preset cells for faster page composition.

Settings

5
PresetGapStack on mobileVertical Align

Ready to use in a page.

ConfigurableOpen settings

Sections

Hero Section

Ready

Settings

9
Fallback headlineFallback subheadlineBackground ImageBackground

Ready to use in a page.

ConfigurableOpen settings

Layout

Spacer

Ready

Settings

6
ModeSizeLine StyleThickness

Ready to use in a page.

ConfigurableOpen settings

Layout

Stack

Ready

Simple vertical layout for grouping blocks with consistent spacing.

Settings

4
GapAlignMax WidthPadding

Ready to use in a page.

ConfigurableOpen settings

Layout

Flex Container

Ready

Flexible row or column layout for toolbars, action groups, media rows, and responsive content clusters.

Settings

6
DirectionWrap itemsGapAlign Items

Ready to use in a page.

ConfigurableOpen settings

Sections

Card

Ready

Settings

16
EyebrowTitleDescriptionLink

Ready to use in a page.

ConfigurableOpen settings

Sections

Feature List

Ready

Settings

3
TitleFeaturesColumns

Ready to use in a page.

ConfigurableOpen settings

Sections

FAQ

Ready

Settings

2
TitleQuestions

Ready to use in a page.

ConfigurableOpen settings

Sections

Stats

Ready

Settings

4
EyebrowTitleStatsColumns

Ready to use in a page.

ConfigurableOpen settings

Sections

Logo Cloud

Ready

Settings

2
TitleLogo labels

Ready to use in a page.

ConfigurableOpen settings

Sections

Timeline

Ready

Settings

2
TitleSteps

Ready to use in a page.

ConfigurableOpen settings

Sections

Comparison Table

Ready

Settings

4
TitleLeft columnRight columnRows

Ready to use in a page.

ConfigurableOpen settings

Sections

Pricing Table

Ready

Settings

2
TitlePlans

Ready to use in a page.

ConfigurableOpen settings

Sections

Accordion

Ready

Settings

2
TitleItems

Ready to use in a page.

ConfigurableOpen settings

Sections

Testimonial

Ready

Settings

4
QuoteAuthorRoleAvatar

Ready to use in a page.

ConfigurableOpen settings

Media

Gallery

Ready

Settings

4
TitleImagesColumnsCorner Radius

Ready to use in a page.

ConfigurableOpen settings

Media

Video

Ready

Settings

4
Video URLTitleCaptionAspect Ratio

Ready to use in a page.

ConfigurableOpen settings

Contact

Map Location

Ready

Settings

4
TitleAddressMap URLButton label

Ready to use in a page.

ConfigurableOpen settings

Actions

Social Links

Ready

Settings

3
LabelLinksAlignment

Ready to use in a page.

ConfigurableOpen settings

Actions

Contact CTA

Ready

Settings

9
TitleDescriptionButton LabelLink

Ready to use in a page.

ConfigurableOpen settings

Dynamic

Content List

Requires setup

Settings

27
SourceAppContent Type / CollectionType

Requires setup before use.

ConfigurableOpen settings

Dynamic

Slider

Requires setup

Settings

19
SourceManual SlidesCollectionLayout

Requires setup before use.

ConfigurableOpen settings

Dynamic

Form Embed

Requires setup

Settings

8
FormSuccess BehaviorSuccess MessageRedirect URL

Requires setup before use.

ConfigurableOpen settings

Dynamic

Site Search

Requires setup

Settings

2
IndexPlaceholder

Requires setup before use.

ConfigurableOpen settings

Patterns

Hero CTA

Ready

Settings

0

No editable settings.

Ready to use in a page.

Patterns

Feature Columns

Ready

Settings

0

No editable settings.

Ready to use in a page.

Patterns

Media Split

Ready

Settings

0

No editable settings.

Ready to use in a page.

Heroes

SaaS Command Hero

Ready

A product hero with command-bar proof and compact workflow state.

Settings

10
EyebrowTitleBodyCTA label

Ready to use in a page.

ConfigurableOpen settings

Heroes

Local Service Hero

Ready

A high-intent local service hero with quote action, rating, and service badges.

Settings

10
EyebrowTitleBodyCTA label

Ready to use in a page.

ConfigurableOpen settings

Heroes

Commerce Drop Hero

Ready

A store launch hero with product shelf, offer copy, and purchase action.

Settings

10
EyebrowTitleBodyCTA label

Ready to use in a page.

ConfigurableOpen settings

Heroes

Booking Split Hero

Ready

A booking hero with service, date, and staff preview states.

Settings

10
EyebrowTitleBodyCTA label

Ready to use in a page.

ConfigurableOpen settings

Heroes

Directory Search Hero

Ready

A searchable marketplace or directory hero with filters and category proof.

Settings

10
EyebrowTitleBodyCTA label

Ready to use in a page.

ConfigurableOpen settings

Heroes

AI Console Hero

Ready

A hero centered on prompt, generated output, and approval state.