Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Context Menu - Archive and Compress Menu
A React context menu for archive operations with compress submenu (ZIP, TAR.GZ, 7Z) and extract options for file compression tools
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Compressing files shouldn't require opening a separate app. This React context menu adds archive operations directly to your file manager—compress to ZIP, TAR.GZ, or 7Z via nested submenu, plus quick extract options. Built with shadcn/ui and Radix UI with Lucide React icons—perfect for file managers, cloud storage UIs, or backup tools.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
File Operations Menu
Open, rename, duplicate, and delete operations
Copy and Move Menu
Cut, copy, and move operations with clipboard
Share and Export Menu
Sharing and download options with submenus
Align and Distribute Menu
Similar nested submenu pattern for canvas
Context Menu with Submenus
General submenu pattern for context menus
Dropdown Menu with Submenus
Alternative menu pattern with nested options
Questions you might have
React Context Menu - Copy and Move Menu
A React context menu for file clipboard operations with cut, copy, copy path, move to, and copy to actions for file managers
React Context Menu - Share and Export Menu
A React context menu for sharing files with email, copy link, team sharing submenu, and download options for cloud storage and collaboration tools