---
title: "Features Accordian — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Russet Supply · Accordions. Smooth showcase pills"
canonical: "https://framer.elliotli.dev/component/features-accordian"
---

[Home](/)/[Components](/components)/[Accordions](/components/category/accordions)/Features Accordian

# Features Accordian

Smooth showcase pills

[View on Framer](https://framer.com/marketplace/components/features-accordian/?via=elliot-li)

![Features Accordian preview image 1](https://framer.elliotli.dev/og/component/features-accordian/94752da48beac7af/1600x1200.jpg)

## Summary

Smooth showcase pills

## Description

[FeatureAccordionShowcase](https://featuresaccordianpills.framer.website/) is an interactive two-panel product feature display, inspired by expanding feature-pill patterns. It’s built for showcasing a product (currently set up with camera lens features as example content) alongside supporting imagery.

### **Layout & behavior:**

-   Splits into a features column and an image panel, arranged side-by-side (features left, image right) or stacked (image on top, features below) — switchable manually or automatically on narrow/mobile widths.
    
-   Features are listed as collapsible pills, all closed by default, each showing just a title with a “+” indicator.
    
-   Clicking a pill smoothly expands it to reveal its description, automatically collapsing whichever pill was previously open — only one stays open at a time.
    
-   While a pill is open, the image panel instantly swaps to that feature’s dedicated image (falling back to a shared default image otherwise).
    
-   A close icon appears in the top-right corner of the image only while a pill is open, letting users collapse everything back to the closed state.
    
-   On mobile/vertical layouts, the features list becomes scrollable if there are more pills than fit in the available space.
    

### **Customization controls include:**

-   Editable feature list (title, description, optional icon, optional per-feature image) and default image
    
-   Manual horizontal/vertical layout switch
    
-   Title and description typography (font, size, weight, color)
    
-   Pill background, closed/open corner radius, and separate border colors for the card and pills
    
-   Adjustable padding (pill padding, outer stack padding), spacing (between pills, title-to-description, title-to-“+”), and icon size
    
-   A single built-in Framer Transition control driving all open/close animations for consistent, adjustable motion
    

It’s fully static-render safe, responsive, and accessible (proper ARIA states on the expandable pills).

## Rank history [How rankings work →](/terms#rankings)

-   All · #3104

## Details

- **Author**: Russet Supply
- **Price**: $5.00
- **Published**: 2026-08-01
- **Updated**: 2026-11-04
- **Added**: 2026-08-01
- **Categories**: Accordions

## More like this

-   [Fold Rows](/component/fold-rows) — H SHIFT WORKS · Free — Accordion for FAQs and services
-   [FaqX Faq Accordion](/component/faqx-faq-accordion) — Themomarket · $8 — Accordion FAQ Section
-   [FAQ - Minimal](/component/faq-minimal) — VectorFlow Studio · $3 — Interactive dark mode FAQ stack
-   [FAQ Accordion Search](/component/faq-accordion-search) — Russet Supply · $5 — Searchable FAQ accordion with categories