Feature Components

A clean editorial stacked feature section with left-side imagery, right-side copy, stats, and Motion-powered scroll reveals.

A vertical process section with numbered steps on the left and a tall editorial image on the right.

A cinematic stacked feature section with background-image cards, glass content panels, and Motion-powered scroll reveals.

A cinematic two-row marquee of feature images with title overlays, alternating scroll directions, and pause-on-hover. Great for visual feature showcases.

An editorial feature section with a staggered image grid that opens a fullscreen lightbox carousel. Perfect for showcasing product features and screenshots.

A dynamic feature section with an accordion that swaps corresponding images on the right with smooth CSS transitions.

Bento grid layout with 3 columns and no gap between cards. Sharp corners with simple borders. Each card supports image or icon with title and description.

Bento grid layout with 2 larger cards on top row and 3 smaller cards on bottom row. Each card supports image or icon with title and description.

Bento grid layout with 3 smaller cards on top row and 2 larger cards on bottom row. Each card supports image or icon with title and description.

Two column feature cards with sharp corners and decorative corner borders. Each card supports either an image or icon with title and description.

Clean vertical timeline with numbered steps and connecting line. Simple and scannable for onboarding or process flows.

Premium horizontal step cards with icons, gradient connectors, and glassmorphism styling. Responsive layout stacks on mobile.

Feature section with an interactive before/after image comparison slider to showcase transformations.

Modern bento-style grid layout with mixed card sizes and interactive spotlight hover effect. Creates visual hierarchy with large and small feature cards.

Vertical timeline layout showcasing a step-by-step process. Features alternate left/right content on larger screens with progress line and numbered badges.

Modern bento-style grid layout with mixed card sizes, images, and icons. Creates visual hierarchy with large and small feature cards.

Interactive tabbed feature section with icons, images, and feature lists. Perfect for showcasing multiple product areas.

A centered feature section with tagline, heading, and 3 large cards with 3D tilt effect on hover. Perfect for showcasing key product features or benefits.

Alternating video and content sections. Video on right for first section, left for second, and so on. Supports any number of sections with YouTube, Vimeo, or direct video embeds.

A minimal feature grid with 8 items, displaying 4 per row on larger screens. Clean, borderless design with subtle hover effects.

A feature section with an image on the left and heading, description, and accordion on the right.

A feature section with content on the left and a large 16:9 image on the right that overflows on smaller screens.

A centered feature grid with large icons, titles, and descriptions in a clean minimal layout.

Three feature cards with an interactive spotlight effect that follows the mouse pointer on hover.

A feature card grid with icons, titles, and descriptions in a responsive layout.

Alternating feature sections with badge, heading, description, button, and image that switch sides.

A two-column feature section with image on the right, heading, description, and checklist on the left.

A centered video player feature section with tagline and heading. Supports YouTube (privacy-enhanced), Vimeo, and direct video embeds.