Mac Genie Effect

A stunning macOS-style dock with realistic genie effect animations that mimics the iconic minimize/maximize animations from macOS. Features interactive dock icons, multiple app windows, and smooth physics-based animations.

macos
maciconFinder   File   Edit   View   Window   Help9:41 AM

Installation

npx uilayouts@latest add mac-genie

Props

None - the component is fully self-contained with internal state management.

Included Apps

The demo includes six different app windows:

  1. Safari - Web browser with navigation and bookmarks
  2. Arc - Modern browser with sidebar navigation
  3. Trello - Project management board interface
  4. Dribbble - Design showcase gallery
  5. Command Code - Terminal/CLI interface
  6. UI Layouts - Component library showcase
Liquid-Glass