# Dismissible components

> Browse 3 Dismissible components for React, styled with Tailwind CSS and ready for your Next.js project.

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

- [Upgrade Banner](https://21st.dev/@victorwelander/components/upgrade-banner.md) — by Victor Welander
- [Toast](https://21st.dev/@arunachalam/components/toast.md) — by Arunachalam
- [Banner](https://21st.dev/@sshahaider/components/banner.md) — by Efferd
- [Alert](https://21st.dev/@originui/components/alert/cookie-alert.md) — by Serafim
- [Alert](https://21st.dev/@originui/components/alert/user-mention-alert.md) — by Serafim
- [Alert](https://21st.dev/@originui/components/alert/alert-with-action.md) — by Serafim
- [Alert](https://21st.dev/@originui/components/alert/alert-for-event.md) — by Serafim
- [Alert](https://21st.dev/@originui/components/alert/version-update-alert.md) — by Serafim
- [Alert](https://21st.dev/@originui/components/alert/alert-with-description.md) — by Serafim
- [Alert](https://21st.dev/@originui/components/alert/alert-notification.md) — by Serafim
- [Alert](https://21st.dev/@originui/components/alert/alert-with-multiple-actions.md) — by Serafim
- [Banner](https://21st.dev/@dubinc/components/banner.md) — by Dub.co
- [Alert](https://21st.dev/@sean0205/components/alert-1/light.md) — by Sean Hello
- [Badge](https://21st.dev/@sean0205/components/badge-2/remove-button.md) — by Sean Hello
- [Alert](https://21st.dev/@sean0205/components/alert-1/extended.md) — by Sean Hello
- [Alert](https://21st.dev/@sean0205/components/alert-1.md) — by Sean Hello
- [Alert](https://21st.dev/@sean0205/components/alert-1/mono.md) — by Sean Hello
- [Alert](https://21st.dev/@sean0205/components/alert-1/actions.md) — by Sean Hello
- [Alert](https://21st.dev/@sean0205/components/alert-1/outline.md) — by Sean Hello
- [Alert](https://21st.dev/@sean0205/components/alert-1/size.md) — by Sean Hello
- [Information Card](https://21st.dev/@KarrixLee/components/info-card/simple.md) — by KL UI
- [Banner](https://21st.dev/@originui/components/banner/banner-with-countdown.md) — by Serafim
- [Banner](https://21st.dev/@originui/components/banner/banner-with-description.md) — by Serafim
- [Banner](https://21st.dev/@originui/components/banner/banner-wit-link-secondary-button.md) — by Serafim
- [Banner](https://21st.dev/@originui/components/banner/centered-banner-with-button.md) — by Serafim
- [Banner](https://21st.dev/@originui/components/banner/bunner-with-buttons.md) — by Serafim
- [Banner](https://21st.dev/@originui/components/banner/banner-with-link-and-close-button.md) — by Serafim
- [Toast](https://21st.dev/@shugar/components/toast.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/success.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/multi-line.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/action.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/warning.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/error.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/preserve.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/with-jsx.md) — by tigran tumasov
- [Toast](https://21st.dev/@shugar/components/toast/undo.md) — by tigran tumasov
- [Card](https://21st.dev/@kavikatiyar/components/card-8.md) — by Kavi Katiyar
- [Basic Toast](https://21st.dev/@anubra266/components/basic-toast/toast-variants.md) — by Abraham
- [Basic Toast](https://21st.dev/@anubra266/components/basic-toast.md) — by Abraham
- [Basic Toast](https://21st.dev/@anubra266/components/basic-toast/toast-positions.md) — by Abraham
- [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge.md) — by Serafim
- [Alert Toast](https://21st.dev/@lavikatiyar/components/alert-toast.md) — by Lavi Katiyar
- [Basic Toast](https://21st.dev/@anubra266/components/basic-toast/toast-w-action.md) — by Abraham
- [Basic Toast](https://21st.dev/@anubra266/components/basic-toast/toast-custom-durations.md) — by Abraham
- [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge/pill.md) — by Serafim
- [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge/avatar.md) — by Serafim
- [Alert](https://21st.dev/@sean0205/components/alert.md) — by Sean Hello
- [Cookie Notice](https://21st.dev/@ruixen.ui/components/cookie-notice.md) — by Ruixen UI
- [Alert Banner](https://21st.dev/@lavikatiyar/components/alert-banner.md) — by Lavi Katiyar
- [Alert](https://21st.dev/@kavikatiyar/components/alert.md) — by Kavi Katiyar
- [Sticky Banner](https://21st.dev/@manuarora700/components/sticky-banner.md) — by Manu Arora
- [Announcement](https://21st.dev/@vercel-crawled/components/announcement.md) — by Vercel
- [Badge](https://21st.dev/@chetanverma16/components/cvui-badge/badge.md) — by Chetan Verma
- [UltraQualityToast](https://21st.dev/@dhileepkumargm/components/ultra-quality-toast.md) — by Dhileep Kumar GM
- [HeroUI Alert](https://21st.dev/@hero_ui/components/heroui-alert/stacked.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
- [Base Badge](https://21st.dev/@sean0205/components/base-badge/remove-button.md) — by Sean Hello
- [Card Studio](https://21st.dev/@ShadcnStudio/components/card-studio/cta-dialog.md) — by ShadcnStudio

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