Empty Collection

A set of empty states for different scenarios.

Empty state collection

Use empty states to guide users when there’s no data yet.

No files yet
Upload your first file to get started.
No activity
Your activity timeline will appear here.
No experiments
Create a new test to track performance.

Installation

pnpm dlx shadcn@latest add https://brutalui.dev/r/empty-collection.json

Usage

import EmptyCollection from '@/components/blocks/empty-collection'
<EmptyCollection />