User search command with avatars
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A people search with avatar, name over email, and a role Badge tinted per Admin, Editor or Viewer
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
- A finder over project files with paths and type badges: use the Command File Search 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
- Replace
users; everyavatarURL points at images.unsplash.com, so serve your own images - Roles other than Admin and Editor fall through to
success-light; extend thevariantternary when you add roles CommandDialogkeeps its defaulttitleCommand Palette for screen readers; pass one that names the user search- 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-6.mdget_example("c-command-6")npx shadcn@latest add @reui/c-command-6About Shadcn Command User Search
User search command with avatars. Built by composing Avatar, Badge, Button, Command. A free, open source shadcn command example you can install with npx shadcn@latest add @reui/c-command-6 and edit as your own code.
What You Can Build With Shadcn Command User Search
- Composes Avatar, Badge, 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-6
- 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
- Groups Command with groups
- Many Groups Command with many groups
- File Search File search command palette
- 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 User Search?
Use it for a people search with avatar, name over email, and a role Badge tinted per Admin, Editor or Viewer.
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 a finder over project files with paths and type badges, use the Command File Search 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 User Search?
Is Shadcn Command User Search free to use?
Which components does Shadcn Command User Search 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.