RetroButton

A Mac OS 9 styled button with raised bevel effect, active/pressed state, and disabled styling.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-button.json"

Import

import { RetroButton } from "@/components/ui/retro-button"

Default Variant

Primary Variant

Secondary Variant

Size Comparison

Press and hold buttons to see the active/pressed bevel state.