27 components

Features

Feature Showcase
Features
Feature Showcase

Display feature content with media in an interactive carousel format. Each slide shows feature content alongside images or videos with smooth navigation. Features mobile height equalization for consistent appearance.

featurescarouselshowcase+6 more
Feature Capabilities Grid
Features
Feature Capabilities Grid

A dark, three-column capability grid with animated hover accents, icon badges, and optional labels. Perfect for highlighting platform capabilities, AI features, or service pillars.

featurescapabilitiesgrid+6 more
Feature Split Image
Features
Feature Split Image

Two-column feature section with text content on the left and a large image on the right. Includes badge, heading, description, feature list with icons, and CTA button. Perfect for product features, service highlights, or capability showcases.

featuressplit-layouttwo-column+5 more
Feature Split Image Reverse
Features
Feature Split Image Reverse

Two-column feature section with a large image on the left and text content on the right. Mirror layout of Feature Split Image. Includes badge, heading, description, feature list with icons, and CTA button.

featuressplit-layouttwo-column+5 more
Feature Icon Grid Bordered
Features
Feature Icon Grid Bordered

Four-column grid of features with icons and dashed left borders. Each feature has an icon badge, title, and description. Clean, organized layout for showcasing multiple capabilities.

featuresgridicons+4 more
Feature Checklist Image
Features
Feature Checklist Image

Split layout with a large image on the left and a checklist of benefits on the right. Each benefit has a check icon, title, and description. Great for product benefits or service features.

featureschecklistimage+4 more
Feature Carousel Progress
Features
Feature Carousel Progress

Carousel-based feature display with progress indicator. Each slide shows a feature with image, title, and description. Includes navigation arrows and progress bar for visual feedback.

featurescarouselslider+4 more
Feature Card Grid Linked
Features
Feature Card Grid Linked

Two-column grid of feature cards with images and clickable headings. Each card has an image, title link, and description. Perfect for blog posts, resources, or feature highlights.

featuresgridcards+4 more
Feature Numbered Cards
Features
Feature Numbered Cards

Stacked feature cards with numbered badges and images. Each card has a number badge in the top-left corner, image, title, and description. Great for step-by-step processes or ranked features.

featuresnumberedcards+4 more
Feature Icon Grid Accent
Features
Feature Icon Grid Accent

Two-column grid of features with accent background cards. Each feature has an icon in an accent-colored circle, title, and description. Modern, colorful design for capability showcases.

featuresgridicons+4 more
Feature Three Column Values
Features
Feature Three Column Values

Three-column grid of value cards with icons. Each card has an icon, title, and description. Clean, balanced layout for company values, core principles, or key benefits.

featuresvaluesthree-column+4 more
Feature Badge Grid Six
Features
Feature Badge Grid Six

Six-feature grid with badge header and centered CTA button. Each feature has an icon in an accent circle, title, and description. Includes badge label and large heading.

featuresgridsix-column+4 more
Feature Pattern Grid Links
Features
Feature Pattern Grid Links

Six-feature grid with pattern background and 'Learn more' links on each card. Each card has an icon, title, description, and arrow link. Pattern background adds visual interest.

featuresgridpattern+4 more
Feature Tabbed Content Image
Features
Feature Tabbed Content Image

Tabbed interface with content and images that change based on selected tab. Each tab shows heading, description, checklist features, CTA button, and responsive image.

featurestabstabbed+4 more
Feature Utility Cards Grid
Features
Feature Utility Cards Grid

Six-card grid showcasing utilities with images and descriptions. Header with separator line, two-column intro, and three-column card grid. Each card has image, title, and description.

featuresutilitiesgrid+4 more
Feature Bento Utilities
Features
Feature Bento Utilities

Bento-style grid layout with mixed card sizes showcasing various utilities. Two-column bento grid with varying card heights and image cards. Includes sparkle icons and coming soon badges.

featuresbentogrid+4 more
Feature Checklist Three Column
Features
Feature Checklist Three Column

Three-column layout with heading, dual checklists, and feature cards with images. First column has heading and description, middle columns have checklists, and feature cards below with badges and read more links.

featureschecklistthree-column+4 more
Feature Integration Cards
Features
Feature Integration Cards

Grid of integration cards with icons, descriptions, and visit website links. Centered header with four-column grid of bordered cards. Each card has icon badge, title, description, and external link button.

featuresintegrationscards+4 more
Feature Icon Tabs Content
Features
Feature Icon Tabs Content

Tabbed interface with icon triggers and content panels featuring images and CTAs. Centered header with icon tabs, muted background content area. Each tab has badge label, heading, description, CTA button, and image.

featurestabsicons+4 more
Feature Image Overlay Badge
Features
Feature Image Overlay Badge

Two-column layout with content and an image featuring gradient overlay with avatar badge and CTA. Left side has heading, description, and feature list. Right side has image with gradient overlay, avatar badge, and floating CTA.

featuresimageoverlay+5 more
Feature Category Image Cards
Features
Feature Category Image Cards

Six-card grid with category badges and large images showcasing key features. Centered header with three-column grid of muted background cards. Each card has category label, large image, title, and description.

featurescategoriescards+4 more
Feature Bento Image Grid
Features
Feature Bento Image Grid

Asymmetric bento-style grid with large and small image cards featuring gradient overlays and CTAs. One large card and two smaller cards with gradient overlays, icon badges, hover animations, and responsive layout.

featuresbentogrid+5 more
Feature Image Cards Three Column
Features
Feature Image Cards Three Column

Three-column grid of image cards with gradient overlays, badges, and CTAs. Three equal-width cards with full-height images, gradient overlays, icon/avatar badges, hover animations, and call-to-action buttons.

featurescardsimages+4 more
Feature Icon Grid Muted
Features
Feature Icon Grid Muted

Five-feature grid with muted background and icon badges showcasing key capabilities. Muted background section with centered header and five-column grid of bordered cards with icons.

featuresgridicons+4 more
Feature Stats Highlight
Features
Feature Stats Highlight

Feature section with stats grid and CTA button showcasing key metrics and achievements. Two-column layout with content/CTA on left and stats grid on right. Includes badge header, stats grid, and CTA button.

featuresstatsmetrics+4 more
Feature Accordion Image
Features
Feature Accordion Image

Accordion-based feature display with images that change based on the selected accordion item. Two-column layout with accordion on left and dynamic image on right. Smooth transitions between items.

featuresaccordioninteractive+4 more
Feature Animated Carousel
Features
Feature Animated Carousel

An interactive feature carousel with animated transitions between feature cards and images. Features a vertical card list with up/down navigation controls on desktop and horizontal swipe on mobile. Uses Framer Motion for smooth animations. Best for product feature showcases, service highlights, and interactive landing pages.

featurescarouselanimated+5 more
OpenSite Logo

Delivering the world's first Semantic UI site builder

Components

© 2026 OpenSite. All rights reserved.