Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Mention Notification List Block

An at-mention notification list block for React and Next.js with channel context, thread preview, view action buttons, and staggered entrance animations built with shadcn/ui and Tailwind CSS

Surface collaborative mentions with this React and Next.js notification block. Features four mention notifications showing channel and pull request context, preview snippets of the mentioning message, and view action buttons with Framer Motion staggered entrance animations. Built with TypeScript, shadcn/ui Button and Badge components, AtSignIcon accent from Lucide React, and Tailwind CSS. Perfect for team collaboration dashboards, project management tools, and developer workflow notification panels.

Mention Notification List Block preview

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.