# Success components > Celebrate achievements with 3 success components for React, each styled with Tailwind CSS for clear and positive user feedback. 80 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/success. - [Particle Button](https://21st.dev/@kokonutd/components/particle-button.md) — by Kokonut Baffier - [Toast](https://21st.dev/@arunachalam/components/toast.md) — by Arunachalam - [Balloons](https://21st.dev/@serafimcloud/components/balloons.md) — by Serafim - [Ticket Confirmation Card](https://21st.dev/@ravikatiyar162/components/ticket-confirmation-card.md) — by Ravi Katiyar - [Alert](https://21st.dev/@originui/components/alert/success-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-with-multiple-actions.md) — by Serafim - [Alert](https://21st.dev/@sean0205/components/alert-1/light.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/outline.md) — by Sean Hello - [Dialog](https://21st.dev/@sshahaider/components/dialog/success.md) — by Efferd - [Interactive Hover Button](https://21st.dev/@Shatlyk1011/components/interactive-hover-button.md) — by Shatlyk1011 - [Order Confirmation Card](https://21st.dev/@kavikatiyar/components/order-confirmation-card.md) — by Kavi Katiyar - [Toast](https://21st.dev/@shugar/components/toast/success.md) — by tigran tumasov - [Google Drive Uploader Toast](https://21st.dev/@suraj-xd/components/google-drive-uploader-toast.md) — by Suraj Gaud - [Alert Dialog](https://21st.dev/@mynaui/components/alert-dialog/success.md) — by shadcn - [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 - [Mission Success Dialog](https://21st.dev/@ravikatiyar162/components/mission-success-dialog.md) — by Ravi Katiyar - [Alert Toast](https://21st.dev/@lavikatiyar/components/alert-toast.md) — by Lavi Katiyar - [Timesheet Confirmation](https://21st.dev/@ravikatiyar162/components/timesheet-confirmation.md) — by Ravi Katiyar - [Alert Badge](https://21st.dev/@serafimcloud/components/alert-badge.md) — by Serafim - [Toast Buttons](https://21st.dev/@m.umairwaheedansari/components/toast-buttons.md) — by Umair Waheed - [Toast](https://21st.dev/@ayushmxxn_c278bc2d/components/toast-1.md) — by Ayushmaan Singh - [Alert](https://21st.dev/@sean0205/components/alert.md) — by Sean Hello - [Upload Ui](https://21st.dev/@kristen17/components/upload-ui.md) — by kristen17 - [Alert](https://21st.dev/@chetanverma16/components/alert.md) — by Chetan Verma - [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander/micro-expander.md) — by iamsatish4564 - [Splashed Push Notifications](https://21st.dev/@maxim.bort.devel/components/splashed-push-notifications.md) — by Maxim Bortnikov - [Alert Banner](https://21st.dev/@lavikatiyar/components/alert-banner.md) — by Lavi Katiyar - [Alert](https://21st.dev/@kavikatiyar/components/alert.md) — by Kavi Katiyar - [Processing Card](https://21st.dev/@lyanchouss/components/processing-card.md) — by Liana Pepanyan - [Success Login Card](https://21st.dev/@ruixen.ui/components/success-login-card.md) — by Ruixen UI - [The Dialog](https://21st.dev/@felipemenezes098/components/the-dialog/success.md) — by felipemenezes098 - [Smart Notify Button](https://21st.dev/@ruixen.ui/components/smart-notify-button.md) — by Ruixen UI - [Badge](https://21st.dev/@coss.com/components/coss-badge/with-icon.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/success.md) — by coss - [Animated Status Badge](https://21st.dev/@isaiahbjork/components/animated-status-badge.md) — by Isaiah - [UltraQualityToast](https://21st.dev/@dhileepkumargm/components/ultra-quality-toast.md) — by Dhileep Kumar GM - [HeroUI Alert](https://21st.dev/@hero_ui/components/heroui-alert/statuses.md) — by Hero Ui - [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 - [Alert](https://21st.dev/@coss.com/components/alert/success.md) — by coss - [Alert](https://21st.dev/@preetsuthar17/components/alert.md) — by Preet Suthar - [Multiple Form](https://21st.dev/@dhileepkumargm/components/multiple-form.md) — by Dhileep Kumar GM - [BeUI Animated Badge](https://21st.dev/@saurabh10102/components/be-ui-animated-badge.md) — by Saurabh Chauhan - [Custom Alert](https://21st.dev/@ruixen.ui/components/custom-alert.md) — by Ruixen UI - [welcome](https://21st.dev/@j1zuzz/components/welcome.md) — by Jesus Lopez - [Mono Alerts](https://21st.dev/@sean0205/components/mono-alerts.md) — by Sean Hello - [Progress](https://21st.dev/@shugar/components/progress/themed.md) — by tigran tumasov - [Note](https://21st.dev/@shugar/components/note/success.md) — by tigran tumasov - [Card](https://21st.dev/@ravikatiyar162/components/card-6.md) — by Ravi Katiyar - [Currency Transfer Animation](https://21st.dev/@uniquesonu/components/currency-transfer-animation.md) — by Sonu - [Sonner](https://21st.dev/@sean0205/components/sonner/variants.md) — by Sean Hello - [Download Card](https://21st.dev/@ravikatiyar162/components/download-card.md) — by Ravi Katiyar - [Admonition](https://21st.dev/@deltacomponents/components/admonition/all-types-admonition.md) — by deltacomponents - [Order Status Card](https://21st.dev/@ravikatiyar162/components/order-status-card.md) — by Ravi Katiyar - [Admonition](https://21st.dev/@deltacomponents/components/admonition/custom-icons-admonition.md) — by deltacomponents Full component directory: https://21st.dev/llms.txt