RetroPlacard

The small raised strip at the bottom-left of a Mac OS 9 window, sharing the row with the horizontal scroll bar. Shows status text (RetroPlacard) or acts as a pop-up (RetroPlacardButton).

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-placard.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 { RetroPlacard } from "@/components/ui/retro-placard"

Usage

<RetroPlacard>12 items, 1.2 GB available</RetroPlacard>

<RetroDropdownMenu>
  <RetroDropdownMenuTrigger asChild>
    <RetroPlacardButton>100%</RetroPlacardButton>
  </RetroDropdownMenuTrigger>
  <RetroDropdownMenuContent>…</RetroDropdownMenuContent>
</RetroDropdownMenu>

Standalone

12 items, 1.2 GB available
Page 1 of 4

In a Finder Window

Macintosh HD
System Folder
Applications
Read Me
SimpleText
12 items, 1.2 GB available

Pop-up Placard (Zoom)

Untitled Document
The quick brown fox jumps over the lazy dog.
Page 1