@sylonikse/macos-uiAuthentic macOS Components for React

Beautiful, accessible, copy-paste macOS-style components built with TypeScript and Tailwind CSS.

🎨

Pixel-Perfect macOS Design

Faithfully recreated macOS components including Window, Dock, MenuBar, and DesktopIcon with authentic styling and animations.

📋

Install individual components into your project using the CLI. Own the code, customize freely, no runtime dependency lock-in.

🔧

Built with TypeScript in strict mode. Full type safety with exported interfaces for all component props and configurations.

🎨

Comprehensive theming system using CSS custom properties and a Tailwind CSS preset. Light and dark mode out of the box.

♿

WCAG 2.1 compliant with proper ARIA attributes, keyboard navigation, focus management, and screen reader support.

🧪

76+ tests including unit, property-based (fast-check), and E2E (Playwright). 80% code coverage enforced.

bash

npx macos-ui init
npx macos-ui add window dock menu-bar desktop-icon