CSS Accordion Generator

Pure CSS collapsible sections using <details>/<summary>. No JavaScript required.

Presets

Items Border Radius (px) Padding (px) Gap (px) Animation Duration (ms) Icon Style Background

Header Background

Text Color

Border Color

Accent Color