Notification Stack

Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/notification-stack

Files

• components/motion/notification-stack.tsx
• components/motion/action-swap.tsx
• lib/ease.ts
• lib/hooks/use-dismiss.ts
• lib/hooks/use-hover-gesture.ts
• lib/hooks/use-tap-gesture.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Animated Layout Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components
• Stack Components
• React Stack Components
• Tailwind CSS Stack Components
• Animated Stack Components

More from beUI

• Animated Toast Stack
• Sortable Stack
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert