Mac Keyboard

A full Mac keyboard with soft keycaps that press down as you type. Works with your real keyboard and with taps, and the typed text shows in the bar above. Part of Nexus UI: nexus-ui.com/components/mac-keyboard

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Mac Keyboard to your project and fits it to your theme.

import { MacKeyboard } from "@/components/ui/mac-keyboard";

export default function Demo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center p-6">
      <div className="w-full max-w-3xl"><MacKeyboard /></div>
    </div>
  );
}