Alerts

Overview

Clean, modern alert components with subtle animations and dark mode support. Perfect for notifications, messages, and user feedback.

A clean, minimal alert with icon and descriptive text.

Use the CLI to install this! Aesthe UI is a library of components that you can use to build your next project.

An interactive alert with avatar, status indicator, and action buttons.

Team Invitation

Kokonut invited you to join Design Team

Invited 5 minutes ago

npm install lucide-react clsx tailwind-merge

For Next.js projects, you'll also need the Image component which comes built-in.

Icons: Use appropriate icons that match the alert type (success, error, warning, info)
Colors: Maintain consistent color schemes across your application
Accessibility: Add proper ARIA labels for screen readers
Actions: Keep action buttons clear and intuitive
Timing: For auto-dismissing alerts, use reasonable timeouts (3-5 seconds)