RetroForm

Form components with Mac OS 9 styled labels, descriptions, and validation error messages.

Installation

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

Form components built on react-hook-form with Zod validation. Provides accessible labels, descriptions, and error messages in OS9 styling.

Contact Form

Your full name as it appears on your Apple ID.

We will send confirmation to this address.

Try submitting with empty fields to see validation errors. Error messages appear in red below each field.

View sourceBack to overview