Glass Notifications

Swipe-to-dismiss notification stack with glass cards and spring-animated layout transitions.

NotificationsGlassInteractive

Notifications5

Alex sent you a photo

2m ago

Sarah liked your post

5m ago

New login from MacBook Pro

12m ago

Version 4.2 is ready to install

1h ago

Team standup in 15 minutes

1h ago

Add to your project

One command adds this component to your project.

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/glass-notification.json"

For dark mode, add the dark class to your <html> element:

Optional

<html class="dark">