# cmdk

Este componente ofrece una solución completa de menú de comandos para React, centrada tanto en la experiencia de usuario como en la flexibilidad para desarrolladores.

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

⌘K es un componente versátil de menú de comandos diseñado para aplicaciones React. Replantea el enfoque convencional para mostrar menús interactivos mediante una API componible que permite a los desarrolladores incluir elementos fácilmente dentro de otros componentes o JSX. Su enfoque en la accesibilidad también permite utilizarlo como un cuadro combinado avanzado, adaptado a distintas necesidades de los usuarios.

El componente gestiona automáticamente el filtrado y la ordenación de los elementos, lo que ofrece una experiencia de usuario fluida. Gracias a la compatibilidad con atajos de teclado, como ⌘K para abrir o cerrar el menú, se integra bien en flujos de trabajo dinámicos. El componente se estiliza mediante atributos de datos, lo que facilita su personalización y conserva un aspecto predeterminado limpio y sin estilos.

Incluye funciones avanzadas como estructuras de menús anidados, carga asíncrona y gestión eficiente de grandes cantidades de elementos, por lo que se adapta a diversas aplicaciones, desde proyectos sencillos hasta otras más complejas, como el menú de comandos de Vercel. Además, adopta una filosofía de diseño moderna y garantiza la compatibilidad con React 18, lo que mejora el rendimiento y la fiabilidad.

## Características

- API componible
- Funcionalidad de cuadro combinado accesible
- Filtrado y ordenación automáticos de elementos
- Estilos personalizados mediante atributos de datos
- Compatibilidad con atajos de teclado
- Gestión de elementos y grupos anidados
- Carga asíncrona de elementos
- Rendimiento optimizado para listas de hasta 3000 elementos
- Sin estilos predeterminados para facilitar la personalización

## Detalles

**Estrellas en GitHub**

10.0K

**Descargas de npm**

1.1M/semana

**Última versión**

1.0.4

**Creado el**

Jul 15, 2022

**Actualizado el**

Dec 6, 2024

**Licencia**

MIT License

¿Su anuncio aquí?

[Envíenos un correo](mailto:hi@dennn.is?subject=Publicidad%20en%20KickstartUI)

[Anuncio El conjunto de plugins listo para agentes de WordPress.](https://sleekwp.com/?ref=kickstartui)

## Elementos relacionados

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

Cree aplicaciones web accesibles de forma rápida y eficiente con un conjunto completo de componentes esenciales, fáciles de usar y muy personalizables.

**Estrellas en GitHub**

38.1K

**Actualizado el**

Dec 6, 2024

**Licencia**

MIT License

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

Este producto ofrece un sólido conjunto de herramientas para crear interfaces de usuario en React, con énfasis en la flexibilidad y el cumplimiento de los estándares de diseño.

**Estrellas en GitHub**

94.2K

**Actualizado el**

Dec 6, 2024

**Licencia**

MIT License

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

Primitivas de React accesibles, de código abierto y sin estilos para aplicaciones web y sistemas de diseño de alta calidad.

**Estrellas en GitHub**

16.0K

**Actualizado el**

Dec 6, 2024

**Licencia**

MIT License

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

Un conjunto de herramientas adaptable y accesible que facilita el desarrollo de aplicaciones web modernas.

**Estrellas en GitHub**

228

**Actualizado el**

Dec 26, 2023

**Licencia**

MIT License

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

Esta solución de UI de código abierto permite crear sistemas de diseño sofisticados con componentes personalizables que se adaptan a distintos estilos visuales y estándares de accesibilidad.

**Estrellas en GitHub**

3.9K

**Actualizado el**

Dec 6, 2024

**Licencia**

MIT License

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

Esta herramienta permite a los desarrolladores crear interfaces de usuario atractivas de forma rápida y eficiente mediante nombres de clase semánticos que agilizan el proceso de desarrollo.

**Estrellas en GitHub**

34.3K

**Actualizado el**

Dec 6, 2024

**Licencia**

MIT License

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

Una colección de componentes UI accesibles, diseñados para integrarse fácilmente con sistemas de diseño modernos.

**Estrellas en GitHub**

26.3K

**Actualizado el**

Dec 6, 2024

**Licencia**

MIT License

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

Una colección versátil de componentes con un diseño atractivo para mejorar sus proyectos web y agilizar su proceso de diseño.