Dev Design Library

Command Menu

Search field over a list of actions: type to filter, arrows to move the fluid hover highlight, Enter to run. Grouped rows with icons, descriptions, and shortcut caps; suggestions listed first while nothing is typed; tabs or a borderless fil.

Command Menu preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
lucide-react, motion
Install
npx shadcn@latest add @fluid/command-menu
Files
  • registry/default/command-menu.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
  • registry/default/lib/surface-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism