Apple Keyboard

A compact Apple-style keyboard with labeled keys and a media row. It renders interactive keys with symbols, icons, and labels. Use it to display a functional keyboard layout in a UI.

byjordan from Cult UI

Installation

terminal

pnpm dlx layro-cli add @nolly-studio/apple-keyboard

npx layro-cli add @nolly-studio/apple-keyboard

npx layro-cli add @nolly-studio/apple-keyboard

bunx layro-cli add @nolly-studio/apple-keyboard

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import type { ReactNode } from "react"
import {
  IconAlt,
  IconArrowDown,
  IconArrowLeft,
  IconArrowRight,
  IconArrowUp,
  IconBrightnessDown,
  IconBrightnessUp,
  IconCommand,
  IconLayoutGrid,
  IconMathLower,