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
Updated about 22 hours ago
