Catálogo Completo de Demos

Pila de tarjetas 3D interactivas con soporte de arrastre gestual y sombras dinámicas.

Rotación volumétrica de cubo 3D con cálculo automático de sombras y perspectivas.

Efecto de carrusel estilo vitrina con inclinación angular, profundidad y escalado dinámico.

Efectos de transición tridimensional personalizados con matrices de transformación y sombras.

Desvanecimiento cruzado suave entre slides superpuestos sin desplazamiento horizontal.

Giro de tarjeta tridimensional en 180 grados con sombras de bisel realistas.

Reproducción automática con detección de visibilidad en viewport y pausa en hover.

Indicador circular interactivo SVG que muestra el tiempo restante antes del siguiente slide.

Renderizado de imágenes locales ultra optimizadas usando astro:assets dentro de los slides.

Control sincronizado bidireccional entre carrusel principal y pista de miniaturas inferior.

Galería con navegación por flechas y miniaturas fluidas con seguimiento visual activo.

Carrusel con miniaturas que giran infinitamente sin cortes en ambos niveles.

Controles de navegación personalizables con variantes en vidrio esmerilado y Tailwind v4.

Navegación accesible mediante las teclas de flecha izquierda/derecha del teclado.

Desplazamiento suave de slides vertical u horizontal mediante el scroll del mouse.

Menú lateral desplegable mediante arrastre gestual táctil ideal para interfaces móviles.

Ajuste adaptativo de orientación horizontal a vertical en respuesta al tamaño de pantalla.

Sincronización de la posición del carrusel con el hash (#slide-1) de la barra de direcciones del navegador.

Permite avanzar y retroceder en los slides utilizando los botones nativos Atrás/Adelante del navegador.

Paginación clásica e interactiva con bullets redondeados y estados activos estilizados.

Paginación compacta donde los bullets cambian de tamaño según la distancia al slide activo.

Indicador tipo contador fraccionario (ej: 1 / 5) con píldora translúcida de cristal.

Barra horizontal de progreso en la parte superior que se llena conforme avanza el carrusel.

Numeración y renderizado de nodos de paginación personalizados con etiquetas HTML a medida.

Barra de arrastre táctil con gradiente de color para navegación libre precisa.

Colección completa de estilos visuales preconfigurados: Glass, Glow, Solid, Minimal y Ghost.

Configuración de múltiples vistas adaptables automáticamente a resoluciones móviles, tablet y desktop.

Adaptación según la relación de aspecto (@0.75, @1.00, @1.50) para vistas multi-dispositivo.

Disposición matricial con 2 o más filas de slides por vista con navegación sincronizada.

Visualización simultánea de varios elementos por pantalla con espaciado constante.

Slides con anchos variables determinados por su propio contenido o clases CSS de Tailwind.

El slide activo permanece enfocado en el centro del viewport del contenedor.

Slides con dimensiones heterogéneas centrados suavemente durante la navegación.

Orientación de desplazamiento vertical fluida para feeds y galerías de formato vertical.

La altura del contenedor se anima y ajusta en tiempo real según la dimensión del slide activo.

Control exacto de separación en píxeles (gap) entre slides adyacentes.

Desplazamiento por bloques con excepción de saltos en los primeros elementos individuales.

Integración de un carrusel secundario vertical embebido dentro de un slide horizontal.

Ejecución simultánea de múltiples instancias independientes en la misma vista.

Desplazamiento inercial libre y fluido sin anclaje forzado a los bordes de cada slide.

Indicador de cursor estilo mano abierta/cerrada para comunicar interactividad táctil.

Ampliación y exploración detallada de imágenes en alta resolución con zoom gestual.

Capas de fondo, títulos y párrafos moviéndose a velocidades diferenciales aceleradas por hardware.

Rotación circular sin fin donde el último slide se conecta naturalmente con el primero.

Al pulsar siguiente en el último slide, regresa instantáneamente al primer slide con animación.

Compatibilidad con lectura de derecha a izquierda para idiomas árabe, hebreo y persa.

Aceleración nativa de desplazamiento delegada al motor del navegador con CSS Scroll Snap.

Panel con scroll fluido continuo e inercia táctil ideal para artículos y textos largos.

Optimización de rendimiento cargando imágenes e inicializando Swiper solo al entrar al viewport.

Renderizado de alto rendimiento de cientos de elementos creando en el DOM solo los visibles.

Inserción y eliminación dinámica de slides al inicio o final mediante la API programática de Swiper.

Seguimiento de elementos visibles en pantalla para optimizar animaciones y transiciones.

Plantilla inicial ligera y sin dependencias para implementar Swiper en segundos.