RetroAppSwitcher

The Mac OS 9 Application menu: shows the frontmost app at the right end of the menu bar with Hide, Hide Others, Show All and a running-apps list.

Installation

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

Usage

<RetroDesktopMenuBar>
  <span>File</span>
  <RetroAppSwitcher
    className="ml-auto"
    apps={apps}
    activeApp={active}
    onActiveAppChange={setActive}
    onHide={hide}
    onHideOthers={hideOthers}
    onShowAll={showAll}
  />
</RetroDesktopMenuBar>

In the menu bar

Choose an app to bring it to the front. Hidden apps show a dimmed icon.

FileEditViewSpecialHelp

Frontmost: Finder
Hidden: none

Icon only

View sourceBack to overview