Svelte Mac Keyboard

Svelte Mac Keyboard

A customizable and animated Mac-style keyboard component for Svelte built with SvelteKit and Tailwind CSS. It visually responds to both keyboard and mouse events.

SvelteSvelteKitTypeScriptTailwind CSS

Built entirely with Svelte and styled with Tailwind CSS, this component provides a lightweight yet visually impressive and realistic Mac-style keyboard visualization. The component captures keyboard events and provides visual feedback in real-time.

Perfect for typing tutorials, keyboard shortcut demonstrations, or adding visual flair to documentation. The keyboard can be customized with themes, colors and key mappings.

← Back to all projects