Inbox 2 - Notifications with tabsPro
A notifications inbox with All, Mentions and Unread tabs, per-item read toggles, contextual icons and a mark-all-as-read action. Use it as the activity center of a SaaS dashboard or collaboration tool.
About Inbox 2
A notifications inbox with All, Mentions and Unread tabs, per-item read toggles, contextual icons and a mark-all-as-read action. Use it as the activity center of a SaaS dashboard or collaboration tool.
Inbox 2 is a inbox block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 94 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- inbox
- notifications
- tabs
- mentions
- unread
- activity
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add inbox-02Dependencies installed automatically: lucide-react, motion.
Uses: avatar, button, reveal, tabs, use-reduced-motion, utils.
Usage
import Inbox02 from "@/components/blocks/inbox-02"
export default function Page() {
return <Inbox02 />
}