--- title: "Alternativas a react-slick en 2026" description: "Migrar desde react-slick: Embla y Swiper para carruseles reales, react-horizontal-scrolling-menu para filas de navegación que usan centerMode. Guía de migración honesta." canonical: "https://react-horizontal-scrolling-menu.dev/es/compare/react-slick-alternatives" image: "https://react-horizontal-scrolling-menu.dev/og.png" --- [Comparativa](https://react-horizontal-scrolling-menu.dev/es/compare.md)/Alternativas a react-slick # Alternativas a react-slick: migra según lo que construiste con él react-slick porta a React el carrusel slick de la era jQuery. Todavía funciona, pero su arquitectura es anterior a los hooks, las versiones son escasas y arrastra un archivo CSS aparte en cada build. El reemplazo correcto depende menos de las funciones que de en cuál de dos bandos cae tu uso. | | react-slick | Embla | Swiper | react-horizontal-scrolling-menu | | --- | --- | --- | --- | --- | | Qué es | Port a React de slick (jQuery) | Motor de carrusel headless | Framework completo de slider | Menú de scroll, desplazamiento nativo | | Mantenimiento | Escaso | Activo | Activo | Activo desde 2018 | | Bundle (min+gzip) | ≈15 kB + CSS de slick | ≈8 kB | ≈40 kB | ≈5.7 kB | | Requiere archivo CSS extra | Sí (dos) | No | Sí (núcleo) | Uno, o Tailwind vía el elemento shadcn | | Semántica de diapositivas (snap, puntos, fade) | Sí | Sí | Sí | No, deliberadamente | | Filas de elementos pulsables | Forzado con centerMode | Construido a mano sobre el motor | Configurado a contrapelo | El caso de uso principal | Los tamaños son núcleos aproximados. La última columna es la librería propia de este sitio: la tabla lo dice en lugar de fingir lo contrario. ## Bando uno: era un carrusel de verdad Sliders de héroe, galerías de imágenes, rotadores de testimonios: cualquier cosa donde los puntos, el fade y el autoplay de slick sostenían el diseño. Migra a un motor de carrusel de verdad: - **[Embla](https://react-horizontal-scrolling-menu.dev/es/compare/embla-vs-swiper.md)** si le das estilo a todo tú mismo y quieres un núcleo headless pequeño: lo más parecido en espíritu a "slick, modernizado". - **Swiper** si usabas mucho la lista de funciones de slick; cada función de slick tiene un equivalente en Swiper, normalmente mejor. Mapea `slidesToShow`/`slidesToScroll` a `slidesInView`/`slidesToScroll` de Embla o a `slidesPerView`/`slidesPerGroup` de Swiper, y cuenta con eliminar tus sobrescrituras de CSS para posicionar flechas: ambos sucesores te dejan renderizar tus propios botones. ## Bando dos: era navegación disfrazada con centerMode La otra instalación de slick es la silenciosa: una fila de categorías, logos, fechas o filtros, forzada a ser un carrusel con `centerMode`, `focusOnSelect` y `variableWidth` porque slick ya estaba en el bundle. La pista es contra qué peleabas: clics que se disparaban después de un arrastre, flechas en los momentos equivocados, elementos que no podías medir, un encaje que no querías. Esa fila era un menú. [react-horizontal-scrolling-menu](https://react-horizontal-scrolling-menu.dev/es.md) hace las tres cosas que centerMode fingía hacer —[centrar el elemento pulsado](https://react-horizontal-scrolling-menu.dev/es/examples/center-on-click.md), desplazarse de forma nativa con [soporte de arrastre](https://react-horizontal-scrolling-menu.dev/es/examples/mouse-drag.md) e informar de [qué elementos son visibles](https://react-horizontal-scrolling-menu.dev/es/examples/simple.md)— en ≈5.7 kB sin motor de slider. Consulta las páginas de [pestañas desplazables](https://react-horizontal-scrolling-menu.dev/es/scrollable-tabs.md) y [riel de categorías](https://react-horizontal-scrolling-menu.dev/es/category-rail.md) para las dos formas más comunes. ## Sea cual sea el bando: la migración es más pequeña de lo que parece La superficie de la API de slick es grande, pero al auditar configuraciones reales se reduce rápido: la mayoría de los proyectos usan un puñado de props. Enumera las que realmente usas, decide en qué bando cae cada uso y migra caso por caso: los dos bandos suelen convivir en un mismo código, y no hay ninguna regla que obligue a que ambos acaben en la misma librería. [Comparativa](https://react-horizontal-scrolling-menu.dev/es/compare.md) · [Ver todos los ejemplos](https://react-horizontal-scrolling-menu.dev/es/examples.md) · [GitHub](https://github.com/asmyshlyaev177/react-horizontal-scrolling-menu) --- More examples: Library summary for LLMs: