Accordions – 8 Free CSS Accordion Sets

Accordions – 8 Free CSS Accordion Sets

Accordions is a pack of eight sets built on the native <details> element: basic treatments, open and close markers, FAQ layouts, a one-at-a-time group, rich panels, nested and sidebar navigation, dark variants, and animated panels. No JavaScript anywhere.

At a glance

• 8 sets, one folder each, single index.html per set
• Built on native <details> and <summary> — no JavaScript
• Keyboard operation and the correct ARIA role come for free
• Browser find-in-page can open a closed panel to reveal a match
• Includes a one-at-a-time group using the native name attribute

FAQ

Are these accordion designs free?

Yes. All eight sets are free for personal and commercial projects, including client work, and download as a single ZIP with no signup.

Do these need jQuery or Bootstrap?

No. Every accordion is a native <details> and <summary> with CSS. There is no JavaScript in the pack, which also means nothing to initialise and nothing that breaks when content is added after load.

Designed & written by Aigars Silkalns

Aigars is the founder of Colorlib and uiCookies and has been designing and shipping free website templates since 2013. Every template and UI pack on uiCookies is designed and maintained in-house.

XLinkedInMore about uiCookies →