RetroEmpty
An empty state for folders, lists and search results: icon, title, description and actions, in the quiet style of an empty Mac OS 9 Finder window.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-empty.json"
Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json
Import
import { RetroEmpty } from "@/components/ui/retro-empty"Usage
<RetroEmpty>
<RetroEmptyHeader>
<RetroEmptyMedia><RetroIconFolder size="lg" /></RetroEmptyMedia>
<RetroEmptyTitle>This folder is empty</RetroEmptyTitle>
<RetroEmptyDescription>Drag items here to add them.</RetroEmptyDescription>
</RetroEmptyHeader>
<RetroEmptyContent>
<RetroButton>New Folder</RetroButton>
</RetroEmptyContent>
</RetroEmpty>Empty Folder
Documents
This folder is empty
Drag files here from the desktop, or create a new folder to get organised.
Empty Trash
Trash
The Trash is empty
Items you throw away stay here until you choose Empty Trash from the Special menu.
Icon Media Variant
Chooser
No printers found
Check that your printer is switched on and AppleTalk is active.
No Search Results
Sherlock
No items found
Nothing matched “Kaleidoscope”. Try a different name, or search your hard disk contents.
With Link
Network Browser
No servers available
Connect to a server by address, or read about File Sharing.