Apple Keyboard

Apple Keyboard is a React illustration component for shadcn/ui with Tabler icons on the media row. Use it as an illustration for keyboard shortcut guides, productivity apps, or developer tool landing pages.

Installation

pnpmnpmyarnbun
Copy
pnpm dlx shadcn@latest add @cult-ui/apple-keyboard

Usage

AppleKeyboard renders a static, presentational compact keyboard layout for marketing or device mockups.

Copy
import { AppleKeyboard } from "@/components/apple-keyboard";
 
export function Showcase() {
  return (
    <div className="flex justify-center p-8">
      <AppleKeyboard />
    </div>
  );
}