7+ Tailwind CSS Accordions Components

The Accordion component allows the user to see and hide sections of related content on a page. See below our collection of Accordion examples that you can add directly to your Tailwind UI project.

All Accordions Alerts Alpinejs Avatars Badges Banner Blockquote Bottom Navigation Breadcrumb Button Group Buttons Calendar Cards Carousel Charts Chat Checkbox Chip Collapse Cursor Dashboard Datepicker Device Mockups Drawer Dropdowns Faq Features File Upload Floating Label Footers Forms Gallery Grid Headers Headings Hr Icons Images Indicators Inputs Jumbotron Kbd Kit Layout Links List Logins Masonry Mega Menu Menu Modals Music Player Navbars Navigations Number Input Pages Pagination Paragraphs Popover Pricing Progress Radio Button Range Slider Rating Scrollbar Search bar Selects Shadows Sidebar Skeleton Slider Speed dial Spinner Stepper Switch Tables Tabs Testimonials Text Textarea Timeline Toast Toggle Tooltip Typography Video Widget
Argon Dashboard 2 PRO Tailwind CSS image

Argon Dashboard 2 PRO Tailwind CSS

Creative Tim Premium

$59

The most complex and innovative Tailwind CSS Dashboard Made by Creative Tim. Check our latest Premium Tailwind CSS admin template.
tailwind Tailwind CSS FAQ
alokdubey01
Tailwind CSS FAQ alokdubey01
3.3
3
tailwind Tailwind CSS Accordion
Salar Houshvand
Tailwind CSS Accordion Salar Houshvand
3.3
2
tailwind Tailwind CSS Simple Accordion
Shrihari
Tailwind CSS Simple Accordion Shrihari
3.0
5
tailwind FAQ Component with Details Summary Open Animation
surjithctly
FAQ Component with Details Summary Open Animation surjithctly
3.3
35
tailwind Tailwind CSS Simple collapse/according with alpine.js
Anonymous
Tailwind CSS Simple collapse/according with alpine.js Anonymous
2.2
17
tailwind Tailwind Pure CSS Accordion
stripedpurple
Tailwind Pure CSS Accordion stripedpurple
3.0
2
tailwind Tailwind CSS Accordion
sohanemon
Tailwind CSS Accordion sohanemon
3.0
3