Web InnoventixFreeCode
All components

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

Original

A clean single-column accordion, one panel open at a time, chevron rotates.

Multi Accordion

Original

An accordion where multiple panels can be open at once.

Plus Minus Accordion

Original

Accordion with a plus/minus icon that toggles per item.

Bordered Accordion

Original

Bordered card-style accordion panels with rounded corners.

Filled Accordion

Original

Filled, tinted accordion panels; the active one is highlighted.

FAQ Two Col Accordion

Original

A two-column FAQ accordion layout.

Numbered Accordion

Original

A numbered-step accordion (01, 02, 03...).

Icon Left Accordion

Original

Accordion with a leading icon per item and a right chevron.

Gradient Active Accordion

Original

Accordion where the open panel gets a soft gradient background.

Nested Accordion

Original

An accordion with nested sub-accordions.

Flush Accordion

Original

A borderless, flush accordion separated by hairlines.

Pill Accordion

Original

Accordion with rounded pill-shaped headers.

Dark Card Accordion

Original

A dark, glassy card accordion.

Underline Accordion

Original

Accordion where the active header gets an animated underline.

Split Icon Accordion

Original

Accordion whose leading icon swaps and rotates when open.

Timeline Accordion

Original

A timeline-style vertical accordion with a connecting line.

Search FAQ Accordion

Original

An FAQ accordion with a live search filter box.

Category Tabs Accordion

Original

Category tabs that switch between grouped accordion sets.

Image Accordion

Original

An accordion whose open panel reveals an image and text.

Big Questions Accordion

Original

A large-type editorial FAQ accordion.