# Icon Button components > Elevate your UI with 10 icon button components for React and Tailwind CSS, ideal for intuitive navigation and interactive interfaces. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/icon-button. - [Button](https://21st.dev/@originui/components/button/open-close-menu-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-badge.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/menu-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/group-of-buttons-login-with.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/group-of-buttons-login-with-colored.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/add-new-item-button.md) — by Origin UI - [Button witn Icon](https://21st.dev/@shadcnspace/components/button-witn-icon.md) — by ShadcnSpace - [Social Icon](https://21st.dev/@shadcnspace/components/social-icon.md) — by ShadcnSpace - [Button](https://21st.dev/@sean0205/components/button-1/icon-only.md) — by Sean Hello - [Button](https://21st.dev/@shugar/components/button-1/shapes.md) — by tigran tumasov - [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander/visual-variants.md) — by iamsatish4564 - [Bookmark Icon Button](https://21st.dev/@ozantekin/components/bookmark-icon-button.md) — by SHSF UI - [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-socials.md) — by ShadcnStudio - [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-theme-switcher.md) — by ShadcnStudio - [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-new-messages.md) — by ShadcnStudio - [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-menu.md) — by ShadcnStudio - [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-bookmarks.md) — by ShadcnStudio - [Notification Button](https://21st.dev/@ruixen.ui/components/notification-button.md) — by Ruixen UI - [Finger Scan Button](https://21st.dev/@designali-in/components/finger-scan-button.md) — by Ali Imam - [Help Button](https://21st.dev/@ln-dev7/components/help-button.md) — by LN - [Base Button](https://21st.dev/@sean0205/components/base-button/icon-only.md) — by Sean Hello - [Icon Grid Button](https://21st.dev/@ruixen.ui/components/icon-grid-button.md) — by Ruixen UI - [Attachment Button](https://21st.dev/@serafimcloud/components/attachment-button/paperclip.md) — by Serafim - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/notification-badge.md) — by Arihant jain - [Send Button](https://21st.dev/@serafimcloud/components/send-button/typing.md) — by Serafim - [Attachment Button](https://21st.dev/@serafimcloud/components/attachment-button/without-handler.md) — by Serafim - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/delete-badge.md) — by Arihant jain - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/arrows.md) — by Arihant jain - [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button/left-arrow.md) — by Arihant jain - [One Button](https://21st.dev/@felipemenezes098/components/one-button/icon-only.md) — by felipemenezes098 - [HeroUI Button](https://21st.dev/@hero_ui/components/heroui-button/icon-only.md) — by Hero Ui - [Expandable Button](https://21st.dev/@molecule-lab-rushil/components/expandable-button/expandable-group-demo.md) — by Rushil Dhinoja - [Button](https://21st.dev/@jolbol1/components/button-1/icon.md) — by James Shopland - [Button](https://21st.dev/@cnippet.dev/components/cnippet-button/icon.md) — by Cnippet - [Astryx Icon Button](https://21st.dev/@Astryxdesign/components/astryx-icon-button.md) — by Astryx - [Button](https://21st.dev/@shadcn/components/button.md) — by shadcn - [Theme Toggle](https://21st.dev/@ayushmxxn_c278bc2d/components/theme-toggle.md) — by Ayushmaan Singh - [Button](https://21st.dev/@originui/components/button/copy-button-with-tooltip.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-secondary-icon-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-secondary-redirect-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/login-with-colored-buttons.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/login-with-buttons.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-animated-arrow.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-separate-number.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/user-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/git-hub-stars-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-highlighted-right-icon.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-icon-and-arrow.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-highlighted-icon.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/group-of-buttons-with-icons-and-more-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/show-more-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/add-new-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/upvote-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/group-of-buttons.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/ghost-button-with-icon.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/dark-upvote-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-title.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-number-and-secondary-chevron-down-button.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/button-with-tooltip.md) — by Origin UI Full component directory: https://21st.dev/llms.txt