# Close Button components

> Browse 6 Close Button components for React, styled with Tailwind CSS and ready for your Next.js project.

53 components available. Showing all of them below.

- [HeroUI Close Button](https://21st.dev/@hero_ui/components/heroui-close-button.md) — by Hero Ui
- [HeroUI Close Button](https://21st.dev/@hero_ui/components/heroui-close-button/interactive.md) — by Hero Ui
- [HeroUI Close Button](https://21st.dev/@hero_ui/components/heroui-close-button/with-custom-icon.md) — by Hero Ui
- [Upgrade Banner](https://21st.dev/@victorwelander/components/upgrade-banner.md) — by Victor Welander
- [Dialog](https://21st.dev/@shadcn/components/dialog.md) — by shadcn
- [Sheet](https://21st.dev/@shadcn/components/sheet.md) — by shadcn
- [Alert](https://21st.dev/@originui/components/alert/cookie-alert.md) — by Serafim
- [Banner](https://21st.dev/@dubinc/components/banner.md) — by Dub.co
- [Curved Menu](https://21st.dev/@ishamsu/components/curved-menu.md) — by Shamsu Musthafa
- [Dialog](https://21st.dev/@sshahaider/components/dialog/quick-settings.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog/sticky-header-footer.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog/search.md) — by Efferd
- [Toast](https://21st.dev/@shugar/components/toast/multi-line.md) — by tigran tumasov
- [Dialog](https://21st.dev/@sshahaider/components/dialog/share.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog/app-info.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog/color-picker.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog/with-form.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog.md) — by Efferd
- [Dialog](https://21st.dev/@sshahaider/components/dialog/scrollable.md) — by Efferd
- [Toast](https://21st.dev/@shugar/components/toast/with-a-link.md) — by tigran tumasov
- [Dialog](https://21st.dev/@sshahaider/components/dialog/without-close-button.md) — by Efferd
- [Modal](https://21st.dev/@educlopez/components/modal.md) — by Edu Calvo
- [Animated Menu](https://21st.dev/@avanishverma4/components/animated-menu.md) — by Awanish Verma
- [Field Components](https://21st.dev/@anubra266/components/field-components/clear-button-input.md) — by Abraham
- [Popover](https://21st.dev/@ibelick/components/popover.md) — by Julien Thibeaut
- [Video Modal](https://21st.dev/@nyxbui/components/video-modal.md) — by Nyxb UI
- [Progress Card](https://21st.dev/@kavikatiyar/components/progress-card.md) — by Kavi Katiyar
- [HeroUI Alert](https://21st.dev/@hero_ui/components/heroui-alert/stacked.md) — by Hero Ui
- [Card](https://21st.dev/@hero_ui/components/heroui-card/with-images.md) — by Hero Ui
- [HeroUI Alert](https://21st.dev/@hero_ui/components/heroui-alert/success-close.md) — by Hero Ui
- [HeroUI Alert](https://21st.dev/@hero_ui/components/heroui-alert/compact.md) — by Hero Ui
- [Custom Alert](https://21st.dev/@ruixen.ui/components/custom-alert.md) — by Ruixen UI
- [Sheet](https://21st.dev/@sean0205/components/sheet/scrollable.md) — by Sean Hello
- [Card](https://21st.dev/@hero_ui/components/heroui-card/horizontal.md) — by Hero Ui
- [Card Studio](https://21st.dev/@ShadcnStudio/components/card-studio/cta-dialog.md) — by ShadcnStudio
- [Video Generator Card](https://21st.dev/@ravikatiyar162/components/video-generator-card.md) — by Ravi Katiyar
- [MapPopup](https://21st.dev/@mapcn/components/mapcn-map-popup.md) — by Anmoldeep Singh
- [Toast](https://21st.dev/@olivier_1b6cd5bc/components/toast-1.md) — by Olivier Tassinari
- [Dialog box](https://21st.dev/@itsankitverma/components/dialog-box.md) — by Ankit Verma
- [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/controlled.md) — by Hero Ui
- [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/backdrop-variants.md) — by Hero Ui
- [Chip](https://21st.dev/@hero_ui/components/heroui-chip/closeable.md) — by Hero Ui
- [Responsive Modal](https://21st.dev/@arihantcodes_1f7b8c4d/components/responsive-modal.md) — by Arihant jain
- [Banner Ui](https://21st.dev/@prebuiltui/components/banner-ui/gradient-action-banner.md) — by prebuiltui
- [Responsive Modal](https://21st.dev/@arihantcodes_1f7b8c4d/components/responsive-modal/modal-side.md) — by Arihant jain
- [Modal Drop](https://21st.dev/@deltacomponents/components/modal-drop/custom-header-modal.md) — by deltacomponents
- [Modal Drop](https://21st.dev/@deltacomponents/components/modal-drop/drop-animation-modal.md) — by deltacomponents
- [Modal Drop](https://21st.dev/@deltacomponents/components/modal-drop/no-easy-close-modal.md) — by deltacomponents
- [Modal Drop](https://21st.dev/@deltacomponents/components/modal-drop.md) — by deltacomponents
- [Flash Sale Banner](https://21st.dev/@ruixen.ui/components/flash-sale-banner.md) — by Ruixen UI
- [Dialog](https://21st.dev/@anubra266/components/dialog-2/feedback-dialog.md) — by Abraham
- [Dialog](https://21st.dev/@anubra266/components/dialog-2/terms-conditions-dialog.md) — by Abraham
- [Image Preview](https://21st.dev/@arihantcodes_1f7b8c4d/components/image-preview.md) — by Arihant jain

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