Free accordions
Accordions and FAQs: single-open, multi-open, bordered, filled, numbered, timeline, searchable and nested. Copy the code, grab an AI prompt, or install with the shadcn CLI.
Simple Accordion
OriginalA clean single-column accordion, one panel open at a time, chevron rotates.
Multi Accordion
OriginalAn accordion where multiple panels can be open at once.
Plus Minus Accordion
OriginalAccordion with a plus/minus icon that toggles per item.
Bordered Accordion
OriginalBordered card-style accordion panels with rounded corners.
Filled Accordion
OriginalFilled, tinted accordion panels; the active one is highlighted.
FAQ Two Col Accordion
OriginalA two-column FAQ accordion layout.
Numbered Accordion
OriginalA numbered-step accordion (01, 02, 03...).
Icon Left Accordion
OriginalAccordion with a leading icon per item and a right chevron.
Gradient Active Accordion
OriginalAccordion where the open panel gets a soft gradient background.
Nested Accordion
OriginalAn accordion with nested sub-accordions.
Flush Accordion
OriginalA borderless, flush accordion separated by hairlines.
Pill Accordion
OriginalAccordion with rounded pill-shaped headers.
Dark Card Accordion
OriginalA dark, glassy card accordion.
Underline Accordion
OriginalAccordion where the active header gets an animated underline.
Split Icon Accordion
OriginalAccordion whose leading icon swaps and rotates when open.
Timeline Accordion
OriginalA timeline-style vertical accordion with a connecting line.
Search FAQ Accordion
OriginalAn FAQ accordion with a live search filter box.
Category Tabs Accordion
OriginalCategory tabs that switch between grouped accordion sets.
Image Accordion
OriginalAn accordion whose open panel reveals an image and text.
Big Questions Accordion
OriginalA large-type editorial FAQ accordion.

