Shadcn.io is not affiliated with official shadcn/ui
Font and Style Menu
A React context menu for font and style with nested submenus for font family, size selection, plus text color and highlight color options for rich text editors
Fonts make design—picking them shouldn't require scrolling toolbars. This React context menu provides font family and size selection via nested submenus, plus color pickers for text and highlights. Built with shadcn/ui and Radix UI with Lucide React icons—perfect for document editors, design tools, or presentation software where typography matters.
Font and Style Menu preview
Installation
Related Components
Text Formatting Menu
Bold, italic, underline formatting
Text Alignment Menu
Alignment with nested submenu structure
Text Editing Menu
Cut, copy, paste clipboard operations
Context Menu with Submenus
General nested submenu pattern
Archive and Compress Menu
Similar multiple submenus pattern
Dropdown Menu with Submenus
Alternative font selection menu
FAQ
Was this page helpful?
Sign in to leave feedback.
Table Sort Menu
A React context menu for table column sorting with ascending, descending, and clear sort options for data tables and spreadsheets
Spell Check Menu
A React context menu for spell checking with labeled suggestions section, correction options, add to dictionary, and ignore for text editors