# Collapsible components

> Optimize space and user experience with 9 collapsible components for React, built with Tailwind CSS for seamless content toggling.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/collapsible.

- [useExpandable](https://21st.dev/@Codehagen/components/use-expandable.md) — by Prism UI
- [Interfaces Collapsible](https://21st.dev/@jshguo/components/interfaces-collapsible.md) — by jshguo
- [Collapsible](https://21st.dev/@shadcn/components/collapsible.md) — by shadcn
- [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1/collapsible-four.md) — by ShadcnStudio
- [Collapsible](https://21st.dev/@cnippet.dev/components/collapsible.md) — by Cnippet
- [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1/collapsible-five.md) — by ShadcnStudio
- [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1/collapsible-three.md) — by ShadcnStudio
- [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1/collapsible-two.md) — by ShadcnStudio
- [Collapsible](https://21st.dev/@anubra266/components/collapsible-1/collapsible-faq-style.md) — by Abraham
- [Collapsible](https://21st.dev/@sean0205/components/collapsible.md) — by Sean Hello
- [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1.md) — by ShadcnStudio
- [Collapsible](https://21st.dev/@anubra266/components/collapsible-1/collapsible-w-icon.md) — by Abraham
- [Collapsible](https://21st.dev/@anubra266/components/collapsible-1.md) — by Abraham
- [Collapsible](https://21st.dev/@ShadcnStudio/components/collapsible-1/collapsible-six.md) — by ShadcnStudio
- [Collapsible](https://21st.dev/@anubra266/components/collapsible-1/collapsible-styled.md) — by Abraham
- [Collapsible](https://21st.dev/@anubra266/components/collapsible-1/collapsible-w-content.md) — by Abraham
- [Collapsible](https://21st.dev/@ln-dev7/components/indevui-collapsible.md) — by LN
- [8-bit Collapsible](https://21st.dev/@theorcdev/components/8bit-collapsible.md) — by OrcDev
- [Collapsible](https://21st.dev/@olivier_1b6cd5bc/components/collapsible-1.md) — by Olivier Tassinari
- [Collapsible](https://21st.dev/@cnippet.dev/components/cnippet-collapsible.md) — by Cnippet
- [Collapsible](https://21st.dev/@cnippet.dev/components/cnippet-collapsible/read-more.md) — by Cnippet
- [Collapsible](https://21st.dev/@cnippet.dev/components/cnippet-collapsible/team.md) — by Cnippet
- [Collapsible](https://21st.dev/@cnippet.dev/components/cnippet-collapsible/card.md) — by Cnippet
- [Collapsible](https://21st.dev/@cnippet.dev/components/cnippet-collapsible/faq.md) — by Cnippet
- [Collapsible](https://21st.dev/@cnippet.dev/components/cnippet-collapsible/pipeline.md) — by Cnippet
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/advanced-selection.md) — by Origin UI
- [Dashboard with Collapsible Sidebar](https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar.md) — by Sonu
- [Sidebar Component](https://21st.dev/@jshguo/components/sidebar-component.md) — by jshguo
- [Accordion](https://21st.dev/@originui/components/accordion.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-left-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-icon-and-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-icon-and-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-icon-sub-header-and-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/table-w-left-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-icon-sub-header-and-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-left-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/table-w-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-sub-header-and-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/table-w-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/tabs-w-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/tabs-w-left-plus-minus.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/tabs-w-left-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/multi-level.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/tabs-w-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/table-w-left-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-sub-header-and-chevron.md) — by Origin UI
- [Feature 197](https://21st.dev/@shadcnblockscom/components/accordion-feature-section.md) — by Shadcnblocks.com
- [File Tree](https://21st.dev/@jatin-yadav05/components/file-tree.md) — by Jatin Yadav
- [Accordion](https://21st.dev/@mynaui/components/accordion/with-inputs.md) — by shadcn
- [Accordion](https://21st.dev/@shadcn/components/accordion.md) — by shadcn
- [Accordion](https://21st.dev/@mynaui/components/accordion/with-icons.md) — by shadcn
- [Modern sideBar](https://21st.dev/@uniquesonu/components/modern-side-bar.md) — by Sonu
- [Accordion](https://21st.dev/@mynaui/components/accordion/separate-card-based.md) — by shadcn
- [Accordion](https://21st.dev/@mynaui/components/accordion/card-based.md) — by shadcn
- [FAQ Chat Accordion](https://21st.dev/@anshuman008/components/faq-chat-accordion.md) — by Anshuman
- [Accordion 05](https://21st.dev/@designali-in/components/accordion-05.md) — by Ali Imam
- [Dashboard Sidebar](https://21st.dev/@arunjdass/components/dashboard-sidebar.md) — by Arun Dass
- [Interactive Accordion](https://21st.dev/@jatin-yadav05/components/interactive-accordion.md) — by Jatin Yadav

Full component directory: https://21st.dev/llms.txt
