3D Accordion FAQ

Turn a plain FAQ into something people actually want to click. 3D Accordion stacks your questions as solid isometric blocks with real depth, a colored side spine, and a soft shadow. Each block lifts toward the viewer when opened, and the cube icon's lid pops up as the answer slides smoothly into view.

Built for landing pages, pricing sections, help centers, and product pages where a standard accordion feels flat.

Key features:

• Add up to 30 questions, each with its own block color

• Accordion mode (one open at a time) or independent mode (many open)

• Choose whether the first item is open or all are closed on load

• Optional isometric cube icon with animated lid

• Adjustable depth, corner radius, spine width, gap, and padding

• Toggle the shadow and lift-on-open effects

• Custom fonts for questions and answers

• Full control over card, text, answer, and button colors

• Adjustable animation speed

Accessibility is built in: proper button and region semantics, aria-expanded states, keyboard focus outlines, and respect for reduced-motion preferences.

Drop it in, edit the questions in the properties panel, and match it to your brand in seconds. It stretches to any width and grows to fit its content.