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.

Scroll Over Images

Uncover imagery through dynamic scrolling.

Feature Video

Engage visitors with prominent video.

PSQ Communication Connected

Integrated tools designed to seamlessly stream announcements, and direct communications across your network.
They ensure your audience stays informed with up-to-the-minute updates and organization-wide messaging.

Calendar Events

Showcase upcoming schedules and dates.

Post Feed

Share real-time news and updates.

Staff Directory

Connect users with team profiles.

Community Groups

Explore networks and group hubs.

Other Components

Specialized functional tools and utility layouts that support unique content display needs. From document downloads to event countdowns, these elements handle specific visual and interactive requirements across your site.

A digital interface menu labeled 'Components' with options for Accordion & Tabs, Announcements, Calendar Events, and Columns.

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.