Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Command Menu Theme
Theme and appearance command menu with light/dark/system modes and accent color picker for React apps
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Customize appearance in your Next.js app with this command menu component. Features theme mode selection (light, dark, system), accent color picker with preview swatches, font size options, and instant preview. Built with shadcn/ui Command, Dialog, CommandInput, and Badge components using Tailwind CSS. The theming-focused design enables personalization—perfect for apps with customizable UI, design tools, or any React app with theme settings. Visual and interactive.
Appearance Settings
Customize the look and feel.
Installation
Related blocks you will also like
React Command Menu Basic
Simple navigation menu
React Command Menu Actions
With keyboard shortcuts
React Command Menu Search
Documentation search
React Command Menu AI
AI assistant menu
React Command Menu Files
File browser menu