3+ Tailwind CSS Collapse Components

The Tailwind CSS Collapse is used to hide and show content and has a smooth animation effect. See below our collection of versatile Collapse components 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
Material Tailwind image

Material Tailwind

Material Tailwind Premium

$0

Material Tailwind features multiple React and HTML components, all written with Tailwind CSS classes and Material Design guidelines.
tailwind Expand & Collapse, No JS
codedemystify
Expand & Collapse, No JS codedemystify
3.3
2
tailwind Smooth FAQ Animations with Alpine.js
josuapsianturi
Smooth FAQ Animations with Alpine.js josuapsianturi
3.3
4
tailwind Tailwind CSS Simple collapse/according with alpine.js
Anonymous
Tailwind CSS Simple collapse/according with alpine.js Anonymous
2.2
17