5 components

Resource List

Resource List Hero Filter
Resource List
Resource List Hero Filter

A comprehensive resource listing page with hero section, breadcrumb navigation, email subscription form, featured post card, and filterable resource grid with category checkboxes and load more functionality. Features a pattern background, email capture with @page-speed/forms integration, and responsive card layout. Ideal for resource centers, blog archives, documentation hubs, report libraries, knowledge bases, and content marketing pages that need category filtering and email capture functionality.

resourcesblogarticles+13 more
Resource List Featured Grid
Resource List
Resource List Featured Grid

A visually rich resource listing with featured article hero, secondary article cards, and a tabbed category filter for browsing articles. Features large featured article with image overlay, badge, and author avatars, two secondary article cards with grayscale-to-color hover effect, tabbed category filtering, and article list with title, category, date, and author avatars. Ideal for resource centers, whitepapers libraries, research publications, tech blogs, news portals, and content hubs that want to highlight featured content while providing easy category-based navigation.

resourceswhitepapersarticles+10 more
Resource List Featured Articles
Resource List
Resource List Featured Articles

A clean resource listing with a prominent featured post section and a structured article list showing date, category, and title. Features a featured post card with large image, badge, title, and CTA button, plus an article list with three-column layout (date, category, title) and hover effects. Ideal for blog archives, resource libraries, documentation indexes, knowledge bases, tutorial collections, and content hubs that want to highlight a featured piece while providing easy access to other articles.

resourcesarticlesblog+8 more
Resource List News Updates
Resource List
Resource List News Updates

A news and updates listing with animated hover effects, category badges, author avatars, and dates in a clean two-column layout. Features section label with accent dot indicator, two-line title with primary/muted color split, news items with hover slide animation and background highlight, and arrow icon that appears on hover. Ideal for company news sections, press release archives, update logs, announcement pages, changelog displays, and any content that benefits from a timeline-style presentation with author attribution.

newsupdatesannouncements+7 more
Resource List Course Cards
Resource List
Resource List Course Cards

A course/training listing with detailed metadata cards featuring author info, lesson counts, video duration, and animated visual elements. Features course cards with badge, title, description, and author info, metadata display (audience, lessons count, videos count, duration), author section with avatar, name, and title, and animated visual element with stacked cards and gradient background. Ideal for online course platforms, training portals, educational resources, tutorial libraries, certification programs, and learning management systems that need to showcase course details with instructor information.

coursestrainingeducation+9 more
OpenSite Logo

Delivering the world's first Semantic UI site builder

Components

© 2026 OpenSite. All rights reserved.