# Toolbar components > Optimize your workflow with 5 toolbar components, tailor-made for React and Next.js projects using Tailwind CSS for flexible layouts. 77 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/toolbar. - [Toolbar](https://21st.dev/@preetsuthar17/components/toolbar.md) — by Preet Suthar - [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander.md) — by iamsatish4564 - [Unsaved changes](https://21st.dev/@stvenchg/components/unsaved-changes.md) — by Steven Ching - [Toolbar](https://21st.dev/@kokonutd/components/toolbar.md) — by Kokonut Baffier - [BeUI Expanable Action Bar](https://21st.dev/@saurabh10102/components/be-ui-expanable-action-bar.md) — by Saurabh Chauhan - [Dynamic Toolbar](https://21st.dev/@0xUrvish/components/dynamic-toolbar.md) — by 0xUrvish - [Toolbar](https://21st.dev/@coss.com/components/toolbar.md) — by coss - [Toolbar Expandable](https://21st.dev/@ibelick/components/toolbar-expandable.md) — by Julien Thibeaut - [Action Toolbar](https://21st.dev/@ruixen.ui/components/action-toolbar.md) — by Ruixen UI - [Toolbar Dynamic](https://21st.dev/@ibelick/components/toolbar-dynamic.md) — by Julien Thibeaut - [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar.md) — by Hero Ui - [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar/attached.md) — by Hero Ui - [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar/with-button-group.md) — by Hero Ui - [HeroUI Toolbar](https://21st.dev/@hero_ui/components/heroui-toolbar/vertical.md) — by Hero Ui - [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar.md) — by Cnippet - [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar/data-table.md) — by Cnippet - [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar/rich-text.md) — by Cnippet - [Toolbar](https://21st.dev/@olivier_1b6cd5bc/components/toolbar-1.md) — by Olivier Tassinari - [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar/canvas-zoom.md) — by Cnippet - [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar/document-header.md) — by Cnippet - [Toolbar](https://21st.dev/@cnippet.dev/components/cnippet-toolbar/video-call.md) — by Cnippet - [Image Editor Toolbar](https://21st.dev/@cnippet.dev/components/v-toolbar-3.md) — by Cnippet - [Canvas Zoom Toolbar](https://21st.dev/@cnippet.dev/components/v-toolbar-8.md) — by Cnippet - [Alert](https://21st.dev/@sean0205/components/alert-1.md) — by Sean Hello - [Menubar](https://21st.dev/@mynaui/components/menubar/dense.md) — by shadcn - [Icon Bar](https://21st.dev/@edwinvakayil/components/icon-bar.md) — by Edwin Vakayil - [MacOS Menu Bar](https://21st.dev/@dhmnpunit/components/mac-os-menu-bar.md) — by briidgedotone - [Button Group](https://21st.dev/@shadcn/components/button-group.md) — by shadcn - [PDF Viewer](https://21st.dev/@andrewlu0/components/pdf-viewer.md) — by Andrew Luo - [Trip Details Card](https://21st.dev/@kavikatiyar/components/trip-details-card.md) — by Kavi Katiyar - [Alert](https://21st.dev/@sean0205/components/alert.md) — by Sean Hello - [Input Bar](https://21st.dev/@serafimcloud/components/input-bar.md) — by Serafim - [Composer Input](https://21st.dev/@ravikatiyar162/components/composer-input.md) — by Ravi Katiyar - [Timeline](https://21st.dev/@nparashar150/components/timeline-1.md) — by Naman Parashar - [AI Input](https://21st.dev/@haydenbleasel/components/ai-input.md) — by Hayden Bleasel - [Input Bar](https://21st.dev/@serafimcloud/components/input-bar/toolbar-actions.md) — by Serafim - [PDF Viewer](https://21st.dev/@extend-hq/components/pdf-viewer.md) — by extend-hq - [Toolbar Dock](https://21st.dev/@ruixen.ui/components/toolbar-dock.md) — by Ruixen UI - [Toggle](https://21st.dev/@coss.com/components/toggle/icon-group.md) — by coss - [Browser](https://21st.dev/@designali-in/components/browser.md) — by Ali Imam - [Input](https://21st.dev/@ravikatiyar162/components/input.md) — by Ravi Katiyar - [Toggle](https://21st.dev/@coss.com/components/toggle/with-icon.md) — by coss - [Excel Viewer](https://21st.dev/@extend-hq/components/xlsx-viewer.md) — by extend-hq - [One Clipboard](https://21st.dev/@felipemenezes098/components/one-clipboard/toolbar.md) — by felipemenezes098 - [Table Controls](https://21st.dev/@uniquesonu/components/table-controls.md) — by Sonu - [Content Block](https://21st.dev/@meschacirung/components/content-block.md) — by Méschac Irung - [Content Block](https://21st.dev/@meschacirung/components/content-block/content-block.md) — by Méschac Irung - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/text-formatter.md) — by Arihant jain - [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/toolbar-toggle-group.md) — by Abraham - [Tooltip](https://21st.dev/@olivier_1b6cd5bc/components/tooltip-1.md) — by Olivier Tassinari - [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-three.md) — by ShadcnStudio - [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-commands.md) — by ShadcnStudio - [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-zoom.md) — by ShadcnStudio - [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-split.md) — by ShadcnStudio - [The Button Group](https://21st.dev/@edwinvakayil/components/the-button-group.md) — by Edwin Vakayil - [Toggle Group](https://21st.dev/@anubra266/components/toggle-group/multiple-toggle-group.md) — by Abraham - [Toggle Group](https://21st.dev/@edwinvakayil/components/toggle-group.md) — by Edwin Vakayil - [Expandable Content Button](https://21st.dev/@ruixen.ui/components/expandable-content-button.md) — by Ruixen UI - [Astryx Button Group](https://21st.dev/@Astryxdesign/components/astryx-button-group.md) — by Astryx - [Toggle Group](https://21st.dev/@cnippet.dev/components/cnippet-toggle-group.md) — by Cnippet Full component directory: https://21st.dev/llms.txt