Components
Magic Keyboard Component
A sleek, responsive keyboard component built with React and Tailwind CSS that replicates the look and feel of a physical keyboard. This component features Lucide React icons for arrow keys and maintains the original design's aesthetics with smooth hover and active states.
import Keyboard from "@/components/ui/magic-keyboard-component";
export default function DemoOne() {
return <main className="bg-neutral-50 w-full h-screen flex items-center justify-center"><Keyboard/></main>;
}