> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.qonversion.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 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.

<img src="https://mintcdn.com/qonversion/NxsDOZgG-HJmkYhN/images/docs/9a42009a3a86184f8df5af1ddd80d3f94509d228a3ca8d534619cbd8c4b949b9-simple-1.png?fit=max&auto=format&n=NxsDOZgG-HJmkYhN&q=85&s=9bf8fa8c5c476ce1b49fe7955107da1c" alt="" width="776" height="380" data-path="images/docs/9a42009a3a86184f8df5af1ddd80d3f94509d228a3ca8d534619cbd8c4b949b9-simple-1.png" />

**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.

<img src="https://mintcdn.com/qonversion/5c527iOH0vIMjiW3/images/docs/e15ff1cada626aac56dcabdfac60a1298f34ff286fecb0feadd1533794daa347-simple-2.png?fit=max&auto=format&n=5c527iOH0vIMjiW3&q=85&s=bb6e01ec532337fd34a0de870491c830" alt="" width="776" height="532" data-path="images/docs/e15ff1cada626aac56dcabdfac60a1298f34ff286fecb0feadd1533794daa347-simple-2.png" />

**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.

<img src="https://mintcdn.com/qonversion/NxsDOZgG-HJmkYhN/images/docs/bb0220464f4139fad0264ef24a5f46df7e5b8b977cca0034152f6565cb2dcad1-two-lines-1.png?fit=max&auto=format&n=NxsDOZgG-HJmkYhN&q=85&s=f62fffcac5d642aafa92be1a58b7c32f" alt="" width="776" height="564" data-path="images/docs/bb0220464f4139fad0264ef24a5f46df7e5b8b977cca0034152f6565cb2dcad1-two-lines-1.png" />

**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.

<img src="https://mintcdn.com/qonversion/eOsiYIQAgYr1cnnF/images/docs/7ab68f29af333f1da51bf6a9d1e703b1211fd8936e94dd523ec77abbf8116639-two-lines-2.png?fit=max&auto=format&n=eOsiYIQAgYr1cnnF&q=85&s=b4f1b770f5817a73b0ded8d734525378" alt="" width="776" height="736" data-path="images/docs/7ab68f29af333f1da51bf6a9d1e703b1211fd8936e94dd523ec77abbf8116639-two-lines-2.png" />

**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.

<img src="https://mintcdn.com/qonversion/5ayPzXwd3DQ-zcvl/images/docs/68e3ba56c2716304b6e7a6d6722b4afa6097877b2bcb3ddfbaea8454062544fe-two-lines-3.png?fit=max&auto=format&n=5ayPzXwd3DQ-zcvl&q=85&s=02b24c78cee8030618015e3982239b22" alt="" width="776" height="664" data-path="images/docs/68e3ba56c2716304b6e7a6d6722b4afa6097877b2bcb3ddfbaea8454062544fe-two-lines-3.png" />

**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.

<img src="https://mintcdn.com/qonversion/5c527iOH0vIMjiW3/images/docs/be0b004d3ad18c52d813dcac17f8748c23477f3202d5debd1eb60ba26d5c6914-columns-1.png?fit=max&auto=format&n=5c527iOH0vIMjiW3&q=85&s=6e0d771ef712e8d1bc899fa417beb635" alt="" width="776" height="680" data-path="images/docs/be0b004d3ad18c52d813dcac17f8748c23477f3202d5debd1eb60ba26d5c6914-columns-1.png" />

**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.

<img src="https://mintcdn.com/qonversion/yQ3ibfsM1_xLwGXK/images/docs/e8823bf2754a115b6134154f2ed8a475ff75667b1d1d6d452757396bcc79c8fd-tiles-1.png?fit=max&auto=format&n=yQ3ibfsM1_xLwGXK&q=85&s=62e0df924b5ddf19c9da5ff6d769d154" alt="" width="776" height="548" data-path="images/docs/e8823bf2754a115b6134154f2ed8a475ff75667b1d1d6d452757396bcc79c8fd-tiles-1.png" />

**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.

<img src="https://mintcdn.com/qonversion/i4lAeIKmC47lf8K-/images/docs/1e68d9ef0eabfa088bd7b75568bfe4876d2affbc39b924feeba2904f65260efb-tiles-2.png?fit=max&auto=format&n=i4lAeIKmC47lf8K-&q=85&s=34fbb4e65e82532266144f1d6934832a" alt="" width="776" height="492" data-path="images/docs/1e68d9ef0eabfa088bd7b75568bfe4876d2affbc39b924feeba2904f65260efb-tiles-2.png" />

**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

***

***

[CTA Buttons](cta-buttons)

[Awards](awards)
