An accordion built from separated cards, each panel raised on its own surface. Good for FAQs or feature details that need clear visual separation.
Border fade accordion
An accordion where each item border softly fades on open. Adds a quiet visual cue for active panels in FAQs and settings without loud styling.

More like this
Browse Components
An accordion divided by dashed lines between items. The light dashed rhythm keeps long FAQ lists readable while staying subtle and unobtrusive.

An accordion framed by a dotted border around each panel. The playful dotted outline suits informal FAQs, help docs, and friendly onboarding tips.

An accordion with a double line framing every item. The layered borders add clear structure for FAQs and specs where rows need firm definition.

An accordion whose answer text gently fades in as a panel opens. The soft entrance keeps reader focus on the revealed content in FAQs and guides.

An accordion where the question label lifts up as the panel opens. The floating title keeps context visible while reading through long FAQ answers.

An accordion with a glowing border on the open item. The lit edge draws the eye to the active panel, fitting dark themes and modern app FAQs.

An accordion that tints the background of the open item. The highlighted row keeps your place in long FAQ lists and dense app documentation.

An accordion with thin divider lines and no boxes at all. The stripped back style fits clean FAQs, sidebars, and content heavy marketing pages.

An accordion supporting nested items inside bordered panels. Use it for layered FAQs, docs, and settings where topics branch into subtopics.

An accordion with a number beside every question. The counted order suits step guides, ranked FAQs, and any sequence readers follow in turn.

An accordion that lifts each item with a soft shadow on open. The raised panel clearly signals the active answer in FAQs and feature breakdowns.
