# Sidebar components > Organize navigation with 14 responsive sidebar components for React, designed with Tailwind CSS for flexible Next.js layouts. 59 components available. Showing all of them below. - [Sidebar](https://21st.dev/@manuarora700/components/sidebar.md) — by Manu Arora - [Sidebar](https://21st.dev/@andrewlu0/components/sidebar/sidebar-demo.md) — by Andrew Luo - [Sidebar Component](https://21st.dev/@jshguo/components/sidebar-component.md) — by jshguo - [Sidebar](https://21st.dev/@shadcn/components/sidebar.md) — by shadcn - [Modern sideBar](https://21st.dev/@uniquesonu/components/modern-side-bar.md) — by Sonu - [Dashboard Sidebar](https://21st.dev/@arunjdass/components/dashboard-sidebar.md) — by Arun Dass - [Sidebar](https://21st.dev/@preetsuthar17/components/sidebar.md) — by Preet Suthar - [Whatsapp Sidebar](https://21st.dev/@rayimanoj8/components/whatsapp-sidebar.md) — by Manoj - [Menu](https://21st.dev/@lavikatiyar/components/menu.md) — by Lavi Katiyar - [Navbars](https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars/sidebar-navbar.md) — by Arihant jain - [Navbars](https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars.md) — by Arihant jain - [SidebarShowcase](https://21st.dev/@ruixen.ui/components/sidebar-showcase.md) — by Ruixen UI - [Sidebar](https://21st.dev/@uniquesonu/components/sidebar.md) — by Sonu - [Toggle nav](https://21st.dev/@airbnb-visx/components/toggle-nav.md) — by Airbnb - [Sidebar Light](https://21st.dev/@inference-sh/components/sidebar-light.md) — by inference.sh - [Workbench Sidebar](https://21st.dev/@nexus-ui/components/workbench-sidebar.md) — by Nexus UI - [Sidebar 1](https://21st.dev/@uiable/components/uiable-sidebar-1.md) — by uiable - [Document Viewer Sidebar](https://21st.dev/@extend-hq/components/document-viewer-sidebar.md) — by extend-hq - [Horizon Hero Section](https://21st.dev/@lovesickfromthe6ix/components/horizon-hero-section.md) — by scott clayton - [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/range-calendar-with-presets.md) — by Origin UI - [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/calendar-with-presets.md) — by Origin UI - [Full Screen Scroll FX](https://21st.dev/@lovesickfromthe6ix/components/full-screen-scroll-fx.md) — by scott clayton - [Dashboard with Collapsible Sidebar](https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar.md) — by Sonu - [Hero Video Dialog](https://21st.dev/@dillionverma/components/hero-video-dialog.md) — by Dillion Verma - [Features](https://21st.dev/@meschacirung/components/features/features-with-page.md) — by Méschac Irung - [Sidebar News](https://21st.dev/@dubinc/components/sidebar-news.md) — by Dub.co - [Efferd Dashboard 2](https://21st.dev/@sshahaider/components/efferd-dashboard-2.md) — by Efferd - [Gantt](https://21st.dev/@haydenbleasel/components/gantt.md) — by Hayden Bleasel - [Information Card](https://21st.dev/@KarrixLee/components/info-card/with-images.md) — by KL UI - [Information Card](https://21st.dev/@KarrixLee/components/info-card/with-video.md) — by KL UI - [Chat template](https://21st.dev/@rayimanoj8/components/chat-template/whatsapp-mock.md) — by Manoj - [Curved Menu](https://21st.dev/@ishamsu/components/curved-menu.md) — by Shamsu Musthafa - [Information Card](https://21st.dev/@KarrixLee/components/info-card/simple.md) — by KL UI - [RuixenMonoChat](https://21st.dev/@ruixen.ui/components/ruixen-mono-chat.md) — by Ruixen UI - [Featured Image Section](https://21st.dev/@ruixen.ui/components/ruixen-featured-image-section.md) — by Ruixen UI - [animated menu](https://21st.dev/@avanishverma4/components/animated-menu-1.md) — by Awanish Verma - [PDF Viewer](https://21st.dev/@andrewlu0/components/pdf-viewer.md) — by Andrew Luo - [Social Links](https://21st.dev/@wasifgee0012/components/social-links.md) — by Wasif Bin Nasir - [Announcement](https://21st.dev/@vercel-crawled/components/announcement.md) — by Vercel - [DashboardTemplateNeumorphism](https://21st.dev/@dadopelanosvela/components/dashboard-template-neumorphism.md) — by Alejandro Bolaños Velasco - [Scroll Legend](https://21st.dev/@tahermaxse/components/scroll-legend.md) — by Taher Hathi - [Hero Section](https://21st.dev/@meschacirung/components/hero-section-2.md) — by Hayden Bleasel - [Menu](https://21st.dev/@antdesign/components/menu-1/collapsed-inline-menu.md) — by antdesign - [Message Design Card List](https://21st.dev/@kristen17/components/message-design-card-list.md) — by kristen17 - [Resizable](https://21st.dev/@preetsuthar17/components/resizable.md) — by Preet Suthar - [Resizable](https://21st.dev/@sean0205/components/resizable/handle.md) — by Sean Hello - [Email Categories](https://21st.dev/@dailydischq/components/email-categories.md) — by Effi Platform - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/navigation-drawer.md) — by Hero Ui - [Resizable](https://21st.dev/@sean0205/components/resizable-1/handle.md) — by Sean Hello - [Sidebar Dashboard Skeleton](https://21st.dev/@cnippet.dev/components/v-skeleton-8.md) — by Cnippet - [Animated Sidebar](https://21st.dev/@unlumen/components/sidebar-001.md) — by Unlumen UI - [Splitter](https://21st.dev/@anubra266/components/splitter/three-panels-splitter.md) — by Abraham - [Astryx App Shell](https://21st.dev/@Astryxdesign/components/astryx-app-shell/with-banner.md) — by Astryx - [Astryx App Shell](https://21st.dev/@Astryxdesign/components/astryx-app-shell.md) — by Astryx - [Astryx App Shell](https://21st.dev/@Astryxdesign/components/astryx-app-shell/side-nav-only.md) — by Astryx - [Astryx App Shell](https://21st.dev/@Astryxdesign/components/astryx-app-shell/top-nav-side-nav.md) — by Astryx - [Sidebar Nav Skeleton](https://21st.dev/@felipemenezes098/components/skeleton-16.md) — by felipemenezes098 - [Reshaped Menu item](https://21st.dev/@reshaped/components/reshaped-menu-item/aligner.md) — by reshaped - [UltraQualityEmailBuilder](https://21st.dev/@dhileepkumargm/components/ultra-quality-email-builder.md) — by Dhileep Kumar GM Full component directory: https://21st.dev/llms.txt