Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
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
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Rotating images by typing degrees into input fields is slow. This React context menu provides quick transform operations—rotate in 90-degree increments, flip horizontally or vertically, and scale. Built with shadcn/ui and Radix UI with Lucide React icons and nested rotation submenu—perfect for image editors, design tools, or canvas applications.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Layer Arrange Menu
Z-index controls for layer stacking order
Align and Distribute Menu
Alignment and distribution with nested submenus
Group and Lock Menu
Grouping and locking operations for elements
Layer Management Menu
Layer duplication, merging, and visibility controls
Standard Context Menu
Basic context menu with nested submenus
File Context Menu
File operations with nested structure
Questions you might have
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
React Context Menu - File Operations Menu
A React context menu for file operations with open, rename, duplicate, and delete actions plus keyboard shortcuts for file managers and cloud storage