Powerful and customizable React command menu components built for modern applications and websites. These command menus are built using React Aria and styled with Tailwind CSS.
Installation
CLI
Manual
npx properui@latest add command-menusCommand menu examples
Preview
Code
Olivia Rhyeolivia@proper.example
Phoenix Bakerphoenix@proper.example
Lana Steinerlana@proper.example
Demi Wilkinsondemi@proper.example
Candice Wucandice@proper.example
Natali Craignatali@proper.example
Drew Canodrew@proper.example
Orlando Diggsorlando@proper.example
Andi Laneandi@proper.example
↑↓ to navigate↵ to selectesc to close
Preview
Code
Olivia Rhyeolivia@proper.example
Phoenix Bakerphoenix@proper.example
Lana Steinerlana@proper.example
Demi Wilkinsondemi@proper.example
Candice Wucandice@proper.example
Natali Craignatali@proper.example
Drew Canodrew@proper.example
Orlando Diggsorlando@proper.example
Andi Laneandi@proper.example
↑↓ to navigate↵ to selectesc to close
Preview
Code
Create new project
⌘NInvite team member
⌘IShare this page
⌘SAdd to favorites
⌘DProfile settings
Notifications
Billing and plans
Workspace settings
Log out
↑↓ to navigate↵ to selectesc to close
Preview
Code
Create new projectStart from a blank canvas or a template.
⌘NInvite team memberSend an invite by email or share a link.
⌘IShare this pageCopy a public link to this page.
⌘SAdd to favoritesKeep this project at the top of your sidebar.
⌘DProfile settingsUpdate your photo, name and details.
NotificationsChoose what you get notified about.
↑↓ to navigate↵ to selectesc to close
Preview
Code
No results found
Your search “Landing page design” did not match any commands. Please try again.
↑↓ to navigate↵ to selectesc to close