# Notification components > Get 19 notification components for React with Tailwind CSS, ideal for alerting users and improving UX in your Next.js apps. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/notification. - [Notifications Toggle](https://21st.dev/@ruixen.ui/components/notifications-toggle.md) — by Ruixen UI - [Sidebar News](https://21st.dev/@dubinc/components/sidebar-news.md) — by Dub.co - [Liquid notification](https://21st.dev/@uilayout.contact/components/liquid-notification.md) — by UI Layouts - [Team Invitation](https://21st.dev/@kokonutd/components/team-invitation.md) — by Kokonut Baffier - [Live Feed](https://21st.dev/@aghasisahakyan1/components/live-feed.md) — by Erik X - [Notifications Menu](https://21st.dev/@ahmedmayara/components/notifications-menu.md) — by Ahmed Mayara - [Stacked alerts](https://21st.dev/@aghasisahakyan1/components/stacked-alerts.md) — by Erik X - [Notification Popover](https://21st.dev/@chetanverma16/components/notification-popover/notification-popover.md) — by Chetan Verma - [NotificationIn box Popover](https://21st.dev/@ruixen.ui/components/notification-inbox-popover.md) — by Ruixen UI - [Notification Center](https://21st.dev/@amanshakya1808/components/notification-center.md) — by Aman Shakya - [Vercel Notification Popover](https://21st.dev/@patrick-xin/components/vercel-notification-popover.md) — by Patrick Xin - [Notifications Filter](https://21st.dev/@ruixen.ui/components/notifications-filter.md) — by Ruixen UI - [Splashed Push Notifications](https://21st.dev/@maxim.bort.devel/components/splashed-push-notifications.md) — by Maxim Bortnikov - [Dynamic Island](https://21st.dev/@aghasisahakyan1/components/dynamic-island.md) — by Erik X - [Card](https://21st.dev/@ravikatiyar162/components/card-15.md) — by Ravi Katiyar - [Card](https://21st.dev/@ravikatiyar162/components/card-16.md) — by Ravi Katiyar - [Notification](https://21st.dev/@hari/components/notification.md) — by Hari Lamichhane - [Avatar Notifications](https://21st.dev/@ruixen.ui/components/avatar-notifications.md) — by Ruixen UI - [Notifications](https://21st.dev/@ruixen.ui/components/notifications-1.md) — by Ruixen UI - [BeUI Dynamic Island](https://21st.dev/@saurabh10102/components/be-ui-dynamic-island.md) — by Saurabh Chauhan - [NotificationsWithActions](https://21st.dev/@ruixen.ui/components/notifications-with-actions.md) — by Ruixen UI - [Notifications](https://21st.dev/@ruixen.ui/components/notifications.md) — by Ruixen UI - [NotificationsAlt](https://21st.dev/@ruixen.ui/components/notifications-alt.md) — by Ruixen UI - [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/notifications-items.md) — by felipemenezes098 - [Notifications Carousel](https://21st.dev/@ruixen.ui/components/notifications-carousel.md) — by Ruixen UI - [Stack Ripple](https://21st.dev/@amanshakya307/components/stack-ripple.md) — by Aman Shakya - [Button](https://21st.dev/@originui/components/button/button-with-badge.md) — by Origin UI - [Avatar](https://21st.dev/@originui/components/avatar/with-badge.md) — by Origin UI - [Toast](https://21st.dev/@arunachalam/components/toast.md) — by Arunachalam - [Popover](https://21st.dev/@originui/components/popover/notifications.md) — by Origin UI - [Popover](https://21st.dev/@originui/components/popover/notifications-with-avatars.md) — by Origin UI - [Banner](https://21st.dev/@sshahaider/components/banner.md) — by Efferd - [Combined Featured Section](https://21st.dev/@ruixen.ui/components/combined-featured-section.md) — by Ruixen UI - [Alert](https://21st.dev/@serafimcloud/components/alert.md) — by Serafim - [Alert](https://21st.dev/@originui/components/alert/success-alert.md) — by Serafim - [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/info-alert.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 - [Alert](https://21st.dev/@originui/components/alert/warning-alert.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/square.md) — by Sean Hello - [Activity Dropdown](https://21st.dev/@minhxthanh/components/activity-dropdown.md) — by Le Thanh - [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 - [Sonner](https://21st.dev/@shadcn/components/sonner.md) — by shadcn - [Tabs](https://21st.dev/@sean0205/components/tabs/pill.md) — by Sean Hello - [Tabs](https://21st.dev/@sean0205/components/tabs/badge.md) — by Sean Hello - [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 - [Save Changes Toast](https://21st.dev/@yadwinder/components/toast-save.md) — by Yadwinder Singh Full component directory: https://21st.dev/llms.txt