Feature List

Feature list templates for showcasing product benefits, plan comparisons, and value propositions. These components help users understand what they're getting before making a purchase decision.

All Feature List templates support:

  • Customizable icons — checkmarks, custom icons, or emojis
  • Flexible layouts — vertical lists, grids, and comparison tables
  • Full styling control — colors, fonts, spacing

Simple Lists

Single-line feature lists with icons — perfect for quick benefit overviews.

Simple Checkmarks

A clean vertical list with checkmark icons for each feature.

Features:

  • Green checkmark icons
  • Single-line feature text
  • Consistent vertical spacing
  • Minimal, scannable design

Use for:

  • Quick feature overviews
  • "What's included" sections
  • Benefit lists near CTAs

Simple Icons

A feature list with customizable icons for each item.

Features:

  • Custom icon per feature
  • Single-line descriptions
  • Icon color customization
  • Visual variety

Use for:

  • Feature categories with distinct icons
  • Benefit lists with visual differentiation
  • Branded feature presentations

Two-Line Lists

Feature lists with title and description — for more detailed explanations.

Two Lines Compact

Compact two-line layout with title and supporting description.

Features:

  • Bold feature title
  • Smaller description text
  • Icon on the left
  • Tight spacing for mobile

Use for:

  • Detailed feature explanations
  • Benefit breakdowns
  • Value proposition lists

Two Lines Emoji

Two-line features with emoji icons instead of traditional icons.

Features:

  • Emoji as visual markers
  • Title + description format
  • Friendly, approachable style
  • Easy customization

Use for:

  • Casual or playful apps
  • Quick visual recognition
  • Cross-platform consistency

Two Lines Dividers

Two-line features separated by visual dividers.

Features:

  • Horizontal dividers between items
  • Clear visual separation
  • Title + description format
  • Structured appearance

Use for:

  • Formal feature lists
  • Terms or policy sections
  • Detailed benefit breakdowns

Comparison Tables

Free vs Pro

A side-by-side comparison showing free and premium plan features.

Features:

  • Two-column layout (Free | Pro)
  • Checkmarks for included features
  • X marks for excluded features
  • Clear plan differentiation

Use for:

  • Subscription upgrade screens
  • Plan comparison paywalls
  • Feature gating visualization

Feature Grids

Two-column grid layouts for compact feature displays.

Feature Grid Icons

A 2-column grid with icon and text for each feature.

Features:

  • 2-column responsive grid
  • Icon above text
  • Centered alignment
  • Balanced visual weight

Use for:

  • App capability showcases
  • Compact feature sections
  • Visual feature highlights

Feature Grid Text

A 2-column grid with text-only feature cards.

Features:

  • Text-based feature cards
  • Title + description format
  • Clean, minimal design
  • No icons required

Use for:

  • Text-heavy feature lists
  • Detailed explanations
  • Professional presentations

Customization

After adding a Feature List template, you can customize:

Content:

  • Feature titles and descriptions
  • Icon selection (from Tabler icon library)
  • Emoji choices
  • Number of features displayed

Styling:

  • Icon colors and sizes
  • Typography (font, size, weight)
  • Spacing and alignment
  • Background colors
  • Divider styles

Best Practices

  • Keep it scannable — 3-5 features is optimal for mobile
  • Lead with value — put your strongest benefits first
  • Use consistent icons — stick to one icon style throughout
  • Match your brand — use brand colors for icons and accents
  • Be specific — "Unlimited exports" beats "More features"
  • Highlight differences — in comparisons, emphasize what's exclusive to premium
  • Test readability — ensure text is legible on all device sizes