Components
Feature List
An icon-led list — checklist, numbered, bullets or per-item icons.
Live demo
See it in action
- Unlimited projects
- Free lifetime updates
- Community support
- Priority email supportPro plan only
The markup
Clean, lean code
This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.
<section>
<div class="fw-container">
<div class="fw-row">
<div class="fw-col-12">
<ul class="feature-list fl-7cacde60 fw-fl fw-fl--design-check design-check fw-fl--gap-md fw-fl--orient-vertical fw-fl--ipos-left fw-fl--istyle-plain" style="--fl-cols:1;">
<li class="fw-fl__item"><span class="fw-fl__marker fw-fl__marker--on fw-fl__marker--chip"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 13l4 4L19 7"/></svg></span><span class="fw-fl__body"><span class="fw-fl__text">Unlimited projects</span></span></li>
<li class="fw-fl__item"><span class="fw-fl__marker fw-fl__marker--on fw-fl__marker--chip"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 13l4 4L19 7"/></svg></span><span class="fw-fl__body"><span class="fw-fl__text">Free lifetime updates</span></span></li>
<li class="fw-fl__item"><span class="fw-fl__marker fw-fl__marker--on fw-fl__marker--chip"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 13l4 4L19 7"/></svg></span><span class="fw-fl__body"><span class="fw-fl__text">Community support</span></span></li>
<li class="fw-fl__item fw-fl__item--has-sub is-off"><span class="fw-fl__marker fw-fl__marker--off fw-fl__marker--chip"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg></span><span class="fw-fl__body"><span class="fw-fl__text">Priority email support</span><span class="fw-fl__sub">Pro plan only</span></span></li>
</ul>
</div>
</div>
</div>
</section>To learn more about the Feature List shortcode, please check out the online manual here.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.