Glow Keyboard is a Mac keyboard rendered in the Raycast style where the Command and C keys glow red as they are pressed, with a red pulse rippling outward across the surrounding keys before settling. It listens to real key presses, so visitors can trigger the effect themselves. Built with React and Tailwind CSS. Suits shortcut documentation, app landing pages, and keyboard driven product demos.
Installation
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Usage
import GlowKeyboard from "@/components/pro/blocks/glow-keyboard";<GlowKeyboard />