---
title: "Aisol Accordion — Framer component · Best of Framer"
description: "$8.00 · Framer component · by ulz song · Accordions. Aisol Accordion is a disclosure component whose panels can hold real sections, not just a paragraph."
canonical: "https://framer.elliotli.dev/component/aisol-accordion"
---

[Home](/)/[Components](/components)/[Accordions](/components/category/accordions)/Aisol Accordion

# Aisol Accordion

Panels that hold real sections

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

![Aisol Accordion preview image 1](https://framer.elliotli.dev/og/component/aisol-accordion/909926e8a73e8b1d/1600x1200.jpg)

## Summary

Aisol Accordion is a disclosure component whose panels can hold real sections, not just a paragraph.

## Description

Aisol Accordion is a disclosure component whose panels can hold real sections, not just a paragraph.

Slot panels: connect any frame or CMS-bound section to a panel with the Panels control. Text-only panels use the built-in Bodies control (line breaks become paragraphs).

Deep links: ?open=slug opens the matching panel on load and scrolls to it once. Every click updates the URL with replaceState, so history stays clean and links are shareable.

Open modes: single, multiple, or all-open-on-desktop (collapses to single below your mobile breakpoint).

Accessibility: header buttons with aria-expanded and aria-controls, region panels with aria-labelledby, Arrow / Home / End keyboard navigation, reduced-motion aware height transition with no layout measuring.

Controls: Labels, Panels (component slots), Bodies (fallback text), Open mode, Mobile under, Icon style (chevron / plus), colors, typography, radius, spacing, canvas open state.

Touches only its own DOM: no document queries, no ids written to your page. Live example: [https://thistle-timing-694660.framer.app/aisol-accordion](https://thistle-timing-694660.framer.app/aisol-accordion) (first panel shows a slot with three feature cards, the rest use text fallback).

More components at Aisol Studio: [aisol.studio](https://aisol.studio)

-   Part of the Aisol Course Site Kit -
    
-   Get this plus the tuition plan table, event list, hotspots and the free FAQ Fold for $19 instead of $31: https://payhip.com/b/W2hRH
    

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

-   All · #2496

## Details

- **Author**: ulz song
- **Price**: $8.00
- **Published**: 2026-08-29
- **Updated**: 2026-09-25
- **Added**: 2026-08-29
- **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