Notification center

A home for updates with read state, grouped information, and animated disclosure.

Library

Arc Library

Framework

React

Type

block

License

MIT

Dependencies

@radix-ui/react-popover, lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/notification-center.json

Files

• registry/components/notification-center/notification-center.tsx
• registry/components/notification-center/notification-center.module.css
• registry/components/avatar/avatar.tsx
• registry/components/avatar/avatar.module.css
• lib/arc-provider.tsx
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Feed Components
• React Feed Components
• Animated Feed Components
• Feedback Components
• React Feedback Components
• Animated Feedback Components
• List Components
• React List Components
• Animated List Components

More from Arc Library

• Color picker
• Date picker
• Date range picker
• Hover card
• Popover
• Reorderable list
• Swipe actions
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert