Split layout with content on left and media on right. Full-height 50vw image on desktop.
Examples
Installation
Other Feature Components
View all Feature componentsFeature 01
Feature grid with icon-based cards in a 2-column layout, includes motion animations and customizable alignment.
Feature 02
Feature grid with icon badges in a 3-column layout, includes staggered animations and flexible alignment options.
Feature 03
Split-layout feature section with sticky heading and 2-column feature grid, ideal for showcasing multiple features.
Feature 04
Step-by-step feature showcase with tabs interface, includes image panels and responsive mobile layout.
Feature 05
Vertical timeline feature section with numbered steps, images, and animated scroll effects.
Feature 06
Feature carousel with progress indicator, card-based slides, and navigation controls.
Feature 07
Utility showcase grid with image cards, header section with icon and separator, perfect for integration displays.
Feature 08
Feature tabs with metrics display, combines text content with image panels showing key statistics.
Feature 09
Integration showcase with decorative circular layout, displays tech stack icons in a visually appealing arrangement.
Feature 10
Accordion navigation with synchronized media display - supports images, videos, and gifs with autoplay functionality.
Feature 11
Split layout feature section with content on left and vertical icon list on right.
Feature 12
Feature section with centered content and responsive 2-3 column grid of icon boxes below.
Feature 13
Feature section with centered content and 2-3 column grid featuring large icons.
Feature 14
Feature section with centered content and responsive grid with inline icon-title pairs.
Media Split 01
Split layout with media on left and content on right. Full-bleed 50vw image with animated content section.
Media Split 03
Full bleed layout with edge-to-edge background image and centered content overlay.
Media Split 04
Full bleed layout with background image and left-aligned content with asymmetric design.
Media Split 05
Split layout with content section on left and full-height media on right. Includes background accent color.
Media Split 06
Split layout with full-height media on left and content section on right. Includes background accent color.
Media Stack 01
Vertical layout with content on top and large full-width media image below.
Media Split 07
Two-column layout with content on left and media on right. Animated elements with grid structure.
Media Split 08
Two-column layout with media on left and content on right. Animated elements with grid structure.