Blocks/Feature(179)

Highlight your product features with stunning layouts.

PRO

feature171

Kanban Roadmap Board

Product roadmap presented as a kanban board with three swim lanes: Shipped, In Progress, and Planned. Each feature card has an icon, title, and status-colored tag. Transparent product development view.

PRO

feature170

Expandable Accordion Cards with Image

Click-to-expand feature cards with smooth grid-rows animation. Each card reveals a detailed description and preview image when opened. Only one card expanded at a time. Compact yet information-rich.

PRO

feature169

Infinite Marquee Feature Pills

Auto-scrolling marquee rows of feature pills with icons. Alternating scroll directions, hover to pause, and edge fade gradients. Eye-catching way to showcase many capabilities at once.

PRO

feature168

Before/After Comparison Toggle

Interactive toggle that switches between two sets of feature items with staggered fade-in animation. Pill-style toggle button with distinct visual states for before and after. Great for product comparisons.

PRO

feature167

Terminal CLI Feature Showcase

Features presented as terminal commands with outputs inside a realistic terminal window. Dark terminal aesthetic with syntax-colored commands, flags, and a blinking cursor. Unique developer-focused design.

PRO

feature166

Spotlight Glow Card Grid

Interactive card grid with mouse-tracking radial gradient glow effect. Each card illuminates with a primary-colored spotlight that follows the cursor. Premium hover aesthetic inspired by Stripe and Vercel.

PRO

feature165

Horizontal Scroll Snap Cards

Horizontally scrollable feature cards with CSS scroll-snap. Cards scroll on mobile/tablet and flow as a regular grid on desktop. Each card has icon, title, description, and optional link.

PRO

feature164

Scroll-Spy Sticky Sidebar Feature

Sticky sidebar navigation with scroll-spy tracking. Left menu highlights the active section as users scroll through feature cards with images. Uses IntersectionObserver for real-time active state.

PRO

feature163

Bento Feature Grid

Asymmetric bento-style grid with a highlighted hero card spanning full width and smaller feature cards below. Great for showcasing a primary feature alongside supporting capabilities.

PRO

feature162

Numbered Steps Grid

3-column grid of numbered steps with titles and descriptions. Ideal for onboarding flows, process overviews, and how-it-works sections.

PRO

feature161

Icon Row Feature Grid

3-column grid of horizontal feature items with icon and text side by side. Clean layout for capability highlights and feature overviews.

PRO

feature131

Video Tutorial Thumbnails

3-column grid of video thumbnail cards with play button overlay and duration badge. Ideal for video tutorials, product demos, or educational content.

PRO

feature149

Contact Method Cards

3-column grid of contact option cards with icons, descriptions, and action text. Perfect for contact methods display, support channels, or customer service options.

PRO

feature68

Linked Feature List with Dividers

Vertical feature list with horizontal dividers, hover arrows, and clickable titles linking to detail pages. Perfect for feature overviews with navigation to learn more.

PRO

feature65

Feature Cards with Team Avatars

2-column grid of feature cards with stacked team member avatar photos on each card. Perfect for showcasing who built each feature or highlighting team expertise.

PRO

feature75

Product Cards with Badge Tags

2-column grid of linked product cards with multiple badge tags and learn-more arrows. Perfect for showcasing product suites, solution offerings, or categorized tools.

PRO

feature74

Interactive Feature Cards with Dual CTAs

2-column grid of feature cards with icons and two action buttons per card for demos and documentation. Perfect for interactive feature showcases with try-it-now options.

PRO

feature73

Platform Architecture Diagram

3-column layout with parent categories and nested child items connected by visual branch lines. Perfect for showing platform architecture, integration layers, or feature hierarchies.

PRO

feature72

Horizontal Feature Strip

Inline horizontal row of feature highlights with icons and vertical dividers between items. Perfect for trust signals, key benefits, or compact feature callouts.

PRO

feature71

Feature Cards with Customer Quotes

3-column grid of feature cards with embedded testimonial quotes, author names, roles, and avatars. Perfect for pairing features with social proof from real customers.

PRO

feature70

Full-Screen Parallax Feature Sections

Full-viewport sections with fixed parallax background images and overlaid text content. Perfect for immersive feature storytelling and dramatic product showcases.

PRO

feature53

Accordion Feature Checklist

Expandable accordion sections with category headers and checkmark-style feature lists in a two-column grid. Perfect for organized feature overviews and pricing page inclusions.

PRO

feature76

FAQ Accordion with Plus/Minus Icons

Expandable FAQ accordion with plus/minus toggle icons and single or multi-open modes. Perfect for FAQ sections, help centers, and knowledge base pages.

FREE

feature63

Use Case Image Cards

3-column grid of image cards with text overlay, hover zoom effect, and arrow indicators. Perfect for showcasing team use cases, industry solutions, or department-specific features.

Markdown version