Apple Keyboard

Installation

Pro workflow

Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.

Install the required dependencies:


pnpm add @tabler/icons-react

Copy and paste the following code into your project.

Source code is available for Pro members.

Upgrade to copy and use these components in your projects.

View pricing

Update the import paths to match your project setup.

Usage

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


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