Skip to content

Back to Section navigation

Loading search...

Back to Site navigation

Company

Accessibility Statement
About Us
Leadership
Our Commitments
Legal
Security Issue?
Privacy Policy

Explore

Clickable Demos
Acquia Comparisons
Acquia + Drupal
Drupal Events
Careers

Support

Support Portal
Product Accessibility
Product Documentation
Training & Certifications

53 State Street, 10th Floor
Boston, MA 02109
United States
Phone: 888-922-7842

Open product launcher

Open user menu

Components included in the UIKit | Site Studio | Acquia Product Documentation

Site Studio

Components included in the UIKit

A white plus symbol inside a circle on a black background.

Getting started
Documentation
Releases
Retiring Site Studio version 7.x FAQ
Legal guide

Documentation
Site Studio UIKits
Primitives UIKit
Components included

Components included in the UIKit

The UIKit includes a library of components that can be combined in almost infinite combinations to create the content and layout your site needs. In addition to the components shown below, the UIKit includes a library of 'Helpers,' which combine the components into common website patterns. See the Helpers included.

Header and footer components

The UIKit includes a flexible header component with a configurable menu system and optional utilities bar. It also includes a footer component.

Header

Footer

Layout components

Layout components provide the structure of your pages. Each component includes configuration options, some examples of which are shown below.

1 column layout component

Components included in the UIKit

The UIKit includes a library of components that can be combined in almost infinite combinations to create the content and layout your site needs. In addition to the components shown below, the UIKit includes a library of 'Helpers,' which combine the components into common website patterns. See the Helpers included.

Header and footer components

The UIKit includes a flexible header component with a configurable menu system and optional utilities bar. It also includes a footer component.

Header

Footer

Layout components

Layout components provide the structure of your pages. Each component includes configuration options, some examples of which are shown below.

1 column layout component

Configuration examples

2 column layout component

Configuration examples

3 column layout component

Configuration examples

4 column layout component

Custom layouts with Row and Column component

Divider line component

Modal component

Basic components

Heading component

Text component

Image component

Video component

Audio component

Buttons component

Card components

Feature card

Content card

Horizontal content card

Impact card

Price card

Profile (glossary term, activate to view definition) card

Block quote card

Testimonial card

Logo card

Stat card

Social links card

Slider components

Accordion components

Tab components

Horizontal tabs

Vertical tabs

Read more components

Map components

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Configuration examples

2 column layout component

Configuration examples

3 column layout component

Configuration examples

4 column layout component

Custom layouts with Row and Column component

Divider line component

Modal component

Basic components

Heading component

Text component

Image component

Video component

Audio component

Buttons component

Card components

Feature card

Content card

Horizontal content card

Impact card

Price card

Profile (glossary term, activate to view definition) card

Block quote card

Testimonial card

Logo card

Stat card

Social links card

Slider components

Accordion components

Tab components

Horizontal tabs

Vertical tabs

Read more components

Map components

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.