# cmdk

Este componente oferece uma solução completa de menu de comandos para React, com foco tanto na experiência do usuário quanto na flexibilidade para desenvolvedores.

[Website](https://cmdk.paco.me) [GitHub](https://github.com/pacocoursey/cmdk) [npm](https://npmjs.com/package/cmdk)

⌘K é um componente versátil de menu de comandos para aplicações React. Ele reinventa a maneira convencional de apresentar menus interativos, oferecendo uma API composável que permite aos desenvolvedores incluir itens facilmente em outros componentes ou JSX. O foco em acessibilidade também permite usá-lo como uma combobox avançada, atendendo a diferentes necessidades dos usuários.

O componente filtra e ordena os itens automaticamente, proporcionando uma experiência fluida. Com suporte a atalhos de teclado, como ⌘K para abrir e fechar o menu, ele se integra bem a fluxos de trabalho rápidos. O estilo é definido por atributos de dados, o que facilita a personalização e mantém uma aparência limpa e sem estilos por padrão.

Com recursos avançados, como estruturas de menus aninhadas, carregamento assíncrono e gerenciamento eficiente de grandes quantidades de itens, ele se adapta a diversas aplicações, de projetos simples a outras mais complexas, como o menu de comandos da Vercel. Além disso, segue uma filosofia de design moderna e é compatível com React 18, o que melhora o desempenho e a confiabilidade.

## Recursos

- API composável
- Funcionalidade de combobox acessível
- Filtragem e ordenação automáticas de itens
- Estilo personalizado por meio de atributos de dados
- Suporte a atalhos de teclado
- Suporte a itens e agrupamentos aninhados
- Carregamento assíncrono de itens
- Desempenho otimizado para listas grandes, com até 3000 itens
- Sem estilos por padrão, para permitir a personalização

## Detalhes

**Estrelas no GitHub**

10.0K

**Downloads do npm**

1.1M/semana

**Versão mais recente**

1.0.4

**Criado em**

Jul 15, 2022

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

Seu anúncio aqui?

[Envie-nos um e-mail](mailto:hi@dennn.is?subject=Publicidade%20em%20KickstartUI)

[Anúncio O conjunto de plugins pronto para agentes para WordPress.](https://sleekwp.com/?ref=kickstartui)

## Itens relacionados

### [ChakraUI](https://kickstartui.com/pt/details/chakra-ui/)

Crie aplicativos Web acessíveis com rapidez e eficiência usando um conjunto robusto de componentes essenciais, fáceis de usar e altamente personalizáveis.

**Estrelas no GitHub**

38.1K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [MaterialUI](https://kickstartui.com/pt/details/mui/)

Este produto oferece um conjunto robusto de ferramentas para criar interfaces de usuário em React, com foco em flexibilidade e conformidade com padrões de design.

**Estrelas no GitHub**

94.2K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [Radix Primitives](https://kickstartui.com/pt/details/radix-ui-primitives/)

Primitivos acessíveis, sem estilos e de código aberto para React, voltados a aplicações Web e sistemas de design de alta qualidade.

**Estrelas no GitHub**

16.0K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [Skeleton](https://kickstartui.com/pt/details/skeleton/)

Um kit de ferramentas adaptável e acessível que aprimora o desenvolvimento de aplicações Web modernas.

**Estrelas no GitHub**

228

**Atualizado em**

Dec 26, 2023

**Licença**

MIT License

### [ArkUI](https://kickstartui.com/pt/details/ark-ui/)

Esta solução UI de código aberto permite criar sistemas de design sofisticados com componentes personalizáveis, adaptáveis a vários estilos visuais e padrões de acessibilidade.

**Estrelas no GitHub**

3.9K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [daisyUI](https://kickstartui.com/pt/details/daisy-ui/)

Esta ferramenta permite que os desenvolvedores criem interfaces de usuário atraentes com rapidez e eficiência, usando nomes de classes semânticos que simplificam o processo de desenvolvimento.

**Estrelas no GitHub**

34.3K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [HeadlessUI](https://kickstartui.com/pt/details/headless-ui/)

Uma coleção de componentes UI acessíveis, criados para funcionar perfeitamente com sistemas de design modernos.

**Estrelas no GitHub**

26.3K

**Atualizado em**

Dec 6, 2024

**Licença**

MIT License

### [MagicUI](https://kickstartui.com/pt/details/magic-ui/)

Uma coleção versátil de componentes com design elegante para aprimorar seus projetos Web e agilizar seu processo de design.