Command with groups
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A modal with 2 groups, Suggestions as plain rows and Settings rows with shortcut hints, split by a separator
When to use
- Keyboard driven palettes in a modal that search actions, pages and settings from one input
- Search lists of files, team members, favorites and recent pages that narrow as the user types
- Inline menus kept open in a card or panel, with grouped rows and keyboard shortcut hints
When not to use
- The same rows kept open in a card on the page with no modal: use the Command Basic example
- A form field that keeps the option the user picks, such as a country or an assignee: use the Combobox component
- A complete product layout with sidebar navigation, where search is only one of its parts: use the App Shell blocks
- A top bar above your page with brand, menus and alerts, where search sits beside them: use the Navbar blocks
Agent notes
- No example gives a
CommandItema select handler, so pressing Enter or clicking a row runs nothing until you add one CommandListstops at 18rem tall in every style and scrolls the rows past that height inside itself
Third-party API docs
- cmdk v1: API reference, docs, through shadcn Command
https://reui.io/components/command/c-command-3.mdget_example("c-command-3")npx shadcn@latest add @reui/c-command-3About Shadcn Command Groups
Command with groups. Built by composing Button, Command. A free, open source shadcn command example you can install with npx shadcn@latest add @reui/c-command-3 and edit as your own code.
What You Can Build With Shadcn Command Groups
- Composes Button, Command, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-command-3
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Command Examples
- Basic Basic command
- Shortcuts Command with shortcuts
- Many Groups Command with many groups
- File Search File search command palette
- User Search User search command with avatars
- Action Palette Action palette with keyboard shortcuts
- Recent & Favorites Command with recent and favorites sections
Related Shadcn Component Categories
Open-source shadcn context menu components for right-click menus, file actions, and table row actions.
Open-source shadcn data grid components for sorting and filtering, virtualized tables, and admin dashboards.
Open-source shadcn date selector components for date range picking, booking windows, and calendar filters.
Open-source shadcn dialog components for modal forms, focused tasks, and confirmations.
Open-source shadcn drawer components for mobile panels, slide-over forms, and secondary workflows.
Open-source shadcn dropdown menu components for action menus, profile menus, and toolbar menus.
Frequently Asked Questions
When should I use Shadcn Command Groups?
Use it for a modal with 2 groups, Suggestions as plain rows and Settings rows with shortcut hints, split by a separator.
Shadcn Command as a whole fits:
- Keyboard driven palettes in a modal that search actions, pages and settings from one input
- Search lists of files, team members, favorites and recent pages that narrow as the user types
- Inline menus kept open in a card or panel, with grouped rows and keyboard shortcut hints
For the same rows kept open in a card on the page with no modal, use the Command Basic example. For a form field that keeps the option the user picks, such as a country or an assignee, use the Combobox component. For a complete product layout with sidebar navigation, where search is only one of its parts, use the App Shell blocks. For a top bar above your page with brand, menus and alerts, where search sits beside them, use the Navbar blocks.
How do I install Shadcn Command Groups?
Is Shadcn Command Groups free to use?
Which components does Shadcn Command Groups use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.