Feature Components

A process section with a sticky heading and step index on the left and a column of photo steps on the right. The step that crosses the middle of the screen becomes active, and the index follows it.

A how-it-works section in one divided panel. Each step pairs a short title with a small interface element built from Starwind components, such as a field, a time picker, a quote, or a progress bar.

A hospitality feature section with a carousel of large photo cards and previous and next buttons.

A productivity feature section with a working command menu demo that filters as you type and supports arrow keys and Enter, beside three short benefits.

A product feature section with numbered hotspots on a large photo. Each hotspot shows its details in a fixed panel beside the photo.

A developer API feature grid with a wide, copyable code sample tile and short icon tiles in varied spans.

Stat-led feature section with one wide photo and a panel of three metrics, each with a unit and a line of context.

Numbered workflow steps on a progress line that fills in when the section scrolls into view. The track runs across on wide screens and down on mobile.

Asymmetric bento with product photos and one working thermostat tile that updates its target and heating estimate.

Split feature section with a vertical list of four tools. Selecting a tool crossfades to a matching photo.

An interactive ear-training practice path with tabbed stage controls, a central phone lesson, waveform stations, adaptive feedback, and Motion-enhanced progress.

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.