Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Context Menu - Layer Management Menu
A React context menu for layer management with duplicate, merge, flatten, and visibility toggle operations for image editors and design tools
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Remember Photoshop's layer panel right-click menu? This React context menu brings essential layer management tools to your canvas—duplicate layers, merge down, flatten, and toggle visibility. Built with shadcn/ui and Radix UI with Lucide React icons and labeled sections—perfect for image editors, design tools, or any app with layer-based workflows.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Layer Arrange Menu
Z-index controls for layer stacking order
Group and Lock Menu
Grouping and locking operations for elements
Align and Distribute Menu
Alignment and distribution with nested submenus
Transform Menu
Rotation, flipping, and scaling operations
Standard Context Menu
Basic context menu with labels and separators
File Context Menu
File operations with organized sections
Questions you might have
React Context Menu - Group and Lock Menu
A React context menu for grouping, ungrouping, locking, and unlocking canvas elements with keyboard shortcuts for design tools
React Context Menu - Transform Menu
A React context menu for transforming elements with rotation (90°, 180°), flip horizontal/vertical, and scale operations with nested submenus