Aquí hay una lista que contiene lo que creemos que son los mejores carruseles angulares. Si está buscando un carrusel, ¡lo tenemos cubierto!
Su navegador no soporta la etiqueta de vídeo.
fullPage.js para Angular es claramente el mejor carrusel de pantalla completa. Con más de 8 años a sus espaldas y más de 34 000 estrellas en GitHub, El componente fullPage.js es el líder de su tipo. (Usado por BBC, Dreamworks y muchas otras grandes empresas).
Totalmente configurable con más de 50 opciones y muchas devoluciones de llamada y métodos que le brindarán una experiencia de desarrollo fluida. Se admiten tanto el desplazamiento vertical como el horizontal.
Lo que hace que fullPage.js se destaque en comparación con otros carruseles es que crea una experiencia inmersiva de pantalla completa. Al desplazarse hacia arriba o hacia abajo, se ajustará a la siguiente sección, lo que hará que sea más fácil y agradable para el visitante navegar.
Es ideal para narraciones, marketing y sitios web con hermosos elementos visuales.
Ver demostración
Resbaloso es un complemento popular de jQuery y WordPress y, gracias a una tercera persona, ahora se ha portado a Angular.
Es un componente simple para crear un carrusel básico. Si está buscando un tipo de carrusel más tradicional, Slick puede ser para usted.
También incluye un efecto de desvanecimiento y algunas características sofisticadas, como la sincronización de carruseles.
Una de las principales desventajas que veo es que todavía requiere jQuery como dependencia.
Su navegador no soporta la etiqueta de vídeo.
Keep Slider nació en 2020 como un control deslizante táctil agnóstico sin dependencias y con ganchos para las funciones React y Composición para Vue 3.
Sin embargo, aún se puede usar directamente en Angular y, de hecho, todos sus ejemplos también están disponibles para Angular.
Desarrollado por Vladimir Kharlampidi, Swiper es un carrusel muy conocido. Y es por una buena razón.
Swiper viene con una gran cantidad de opciones configurables. Esto puede ser un poco abrumador para algunos, pero si te gusta tener control total sobre tu carrusel, este podría ser para ti.
También viene con funciones avanzadas como diseños de diapositivas de varias filas, diapositivas virtuales o control bidireccional.
Su navegador no soporta la etiqueta de vídeo.
Como indica el nombre del componente npm (angular-responsive-carousel), este componente pone especial énfasis en facilitar la creación de carruseles receptivos.
Si necesita un carrusel receptivo, este podría ser perfecto para usted. Además de eso, también proporciona las funciones esperadas, como carga diferida, soporte táctil, desplazamiento libre, reproducción automática, navegación con viñetas, flechas, etc.
Diría que es un componente más simple que otros, pero una solución que funciona perfectamente para muchos escenarios.
Su navegador no soporta la etiqueta de vídeo.
Si desea crear una galería con imágenes y sus miniaturas, ngx-angular podría ser para usted.
Este carrusel de Angular ha sido diseñado con un único propósito en mente: ser una galería de imágenes. Por lo tanto, tiene algunas ventajas, como cubrir problemas muy específicos y facilitar su uso para construir galerías.
La documentación está en Github pero puedes encontrar muchos ejemplos en su sitio web también.
Una envoltura angular para Carrusel de búhos.
Puede parecer un poco más obsoleto para algunos, ya que todavía se basa en la antigua biblioteca jQuery. Pero si eso no es un problema para ti, Owl carrusel es una solución totalmente válida.
Viene con todos los elementos básicos que esperarías: opciones de respuesta, hashing de URL, reproducción automática, carga diferida y soporte de arrastre.
Su navegador no soporta la etiqueta de vídeo.
Muy similar a npx-angular, este carrusel es una opción alternativa si planeas crear una galería de imágenes.
A diferencia de otros carruseles, ngx-gallery admite una visualización de imágenes en pantalla completa. Y, aunque admite el deslizamiento habitual para cambiar entre imágenes, también admite animaciones de desvanecimiento, rotación y zoom.
Parece que no admito el arrastre con dispositivos de mouse y el soporte táctil es mucho más básico que en otros carruseles.
Un módulo angular alrededor Flickity. Flickity es un componente de JavaScript desarrollado por Desandro y ahora traído a Angular por una tercera persona.
Flickity es un componente de calidad aunque quizás un poco corto en opciones responsive. Además, al no ser el envoltorio oficial, es posible que las actualizaciones y el soporte sean un poco más lentos.
La documentación de Flickty es increíble, ¡así que seguro que te gustará esa parte! Ah, y también viene con una función de pantalla completa, que no es útil para las galerías de imágenes.
Su navegador no soporta la etiqueta de vídeo.
Anunciado como el “Carrusel universal angular”, este carrusel intenta mantener las cosas lo más simples y agnósticas posible.
No incluye ningún CSS, por lo que será usted quien tenga que lidiar con todo el estilo. Esto seguramente será un rechazo para muchos, pero probablemente una liberación para otros, todo depende del tipo de problema que esté tratando de resolver.
Se basa en la dependencia de hammer.js para soporte táctil.
Artículos relacionados
