Components
Loading preview...
Pixel-art command palette from 8bitcn.com — retro pixel border on input + results panel. Wraps cmdk Command (inlined via esbuild).
npx shadcn@latest add https://21st.dev/r/OrcDev/8bit-command"use client";
import {
Command, CommandInput, CommandList, CommandEmpty, CommandGroup,
CommandItem, CommandSeparator, CommandShortcut,
} from "@/components/ui/8bit-command";
export default function Default() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden font-pixel">
<Command className="rounded-md border w-80">
<CommandInput placeholder="Type a command..." />
<CommandList>
<CommandEmpty>No results.</CommandEmpty>
<CommandGroup heading="Actions">
<CommandItem>Open Inventory <CommandShortcut>I</CommandShortcut></CommandItem>
<CommandItem>Save Game <CommandShortcut>S</CommandShortcut></CommandItem>
<CommandItem>Travel <CommandShortcut>T</CommandShortcut></CommandItem>
</CommandGroup>
<CommandSeparator />
<CommandGroup heading="Quests">
<CommandItem>The Lost Sword</CommandItem>
<CommandItem>Goblin Hunt</CommandItem>
</CommandGroup>
</CommandList>
</Command>
</div>
);
}