ComponentsNotifications, Alerts & Messages

Notifications, Alerts & Messages

Comprehensive notification and messaging system with visual previews for all 60 components including notifications, alerts, toasts, and feedback messages.

60components

2 Free·58 Pro

import { ... } from "@/components/blocks/notifications"

NotificationSimple

Pro

1280px

Loading preview...

NotificationDetailed

Pro

1280px

Loading preview...

NotificationSuccess

Pro

1280px

Loading preview...

NotificationError

Pro

1280px

Loading preview...

NotificationWarning

Pro

1280px

Loading preview...

NotificationInfo

Pro

1280px

Loading preview...

NotificationWithAction

Pro

1280px

Loading preview...

NotificationWithDismiss

Pro

1280px

Loading preview...

NotificationWithIcon

Pro

1280px

Loading preview...

NotificationWithAvatar

Pro

1280px

Loading preview...

NotificationStacked

Pro

1280px

Loading preview...

NotificationGrouped

Pro

1280px

Loading preview...

NotificationBadge

Pro

1280px

Loading preview...

NotificationCount

Pro

1280px

Loading preview...

NotificationDot

Pro

1280px

Loading preview...

NotificationIndicator

Pro

1280px

Loading preview...

NotificationList

Free

1280px

Loading preview...

NotificationFeed

Pro

1280px

Loading preview...

NotificationCenter

Pro

1280px

Loading preview...

NotificationPanel

Pro

1280px

Loading preview...

NotificationDropdown

Free

1280px

Loading preview...

NotificationMenu

Pro

1280px

Loading preview...

AlertSimple

Pro

1280px

Loading preview...

AlertDetailed

Pro

1280px

Loading preview...

AlertSuccess

Pro

1280px

Loading preview...

AlertError

Pro

1280px

Loading preview...

AlertWarning

Pro

1280px

Loading preview...

AlertInfo

Pro

1280px

Loading preview...

AlertWithIcon

Pro

1280px

Loading preview...

AlertWithAction

Pro

1280px

Loading preview...

AlertWithDismiss

Pro

1280px

Loading preview...

AlertWithClose

Pro

1280px

Loading preview...

AlertBanner

Pro

1280px

Loading preview...

AlertBar

Pro

1280px

Loading preview...

AlertInline

Pro

1280px

Loading preview...

AlertBlock

Pro

1280px

Loading preview...

AlertCard

Pro

1280px

Loading preview...

AlertBox

Pro

1280px

Loading preview...

AlertAnimated

Pro

1280px

Loading preview...

AlertSticky

Pro

1280px

Loading preview...

AlertFloating

Pro

1280px

Loading preview...

AlertFixed

Pro

1280px

Loading preview...

SystemMessage

Pro

1280px

Loading preview...

SystemAlert

Pro

1280px

Loading preview...

StatusMessage

Pro

1280px

Loading preview...

StatusBanner

Pro

1280px

Loading preview...

FlashMessage

Pro

1280px

Loading preview...

TemporaryMessage

Pro

1280px

Loading preview...

InlineMessage

Pro

1280px

Loading preview...

BlockMessage

Pro

1280px

Loading preview...

HelpMessage

Pro

1280px

Loading preview...

HintMessage

Pro

1280px

Loading preview...

ErrorMessage

Pro

1280px

Loading preview...

SuccessMessage

Pro

1280px

Loading preview...

ValidationMessage

Pro

1280px

Loading preview...

FieldError

Pro

1280px

Loading preview...

EmptyMessage

Pro

1280px

Loading preview...

PlaceholderMessage

Pro

1280px

Loading preview...

ConfirmationMessage

Pro

1280px

Loading preview...

AcknowledgeMessage

Pro

1280px

Loading preview...

All 60 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/notifications