Skip to main content

Component Library Home

Component Library

Here you will find various examples of all components within Smart Sites. Each component has built in style and configuration options that let you get creative with the way you display your content. Adjust colors, font sizes, opacity, background images and more. Click on the links below to see these components in action!

Popular Components

These core layouts and dynamic elements are most frequently used to build engaging, interactive pages.
They serve as the foundation for structuring your primary message and capturing user attention immediately.

Spotlight

Highlight key visual stories continuously.

Columns

Structure content in side-by-side grids.

Icon Matrix

Display features with visual icons.

Accordion & Tabs

Organize detailed content into sections.

Documents

Access downloadable files and resources.

Components by Use Case

Browse the categories below to discover the exact layout or tool for your page:

A yellow app icon featuring the black letters 'Tt' in a serif font.

A digital icon featuring a picture frame with mountains and a sun against a bright yellow background.

A black link icon centered on a solid yellow square background with rounded corners.

A black line art icon of a document with a folded corner, centered on a rounded, solid yellow background.

Files

Document

Columns 

A simple black outline of a video camera centered inside a rounded yellow square icon.

A black newspaper icon centered inside a rounded yellow square.

News & Events

Calendar Events 

Post Feed

A simple yellow square icon featuring two overlapping black speech bubbles.

A yellow square icon with rounded corners features four black outlined squares arranged in a two-by-two grid.

Which Component Should I Use?

It can be challenging to decide which component to use when more than one may fit your needs. To help with the classic “This or That?” conundrum, we’ve put together a comparison guide.
 

Check out the comparisons!

Page Type Library

Smart Sites currently offers five specialized Page Types. You can see examples in our Page Type Library.

Posts

A dynamic landing page designed to organize and publish news, announcements, and featured stories in an engaging article feed.

Directory

A custom-managed staff listing that allows you to manually build and update contact details, roles, and profiles outside of automated integrations.

Combined Directory

A centralized staff database that aggregates multiple departmental or school directories into a single, comprehensive search index.

Full-Page Calendar

A dedicated schedule hub providing a comprehensive view of events, complete with an accessible, ADA-compliant meal and menu tracker.

Redirect

A navigation link that seamlessly routes site visitors to an external URL, specific sub-page, or third-party web application.