Pestañas con indicador compartido
Pestañas con indicador deslizante, paneles vinculados y navegación con flechas, Inicio y Fin.
Descargar gratisNavegación para React: menús, pestañas y barras
Pestañas con indicador compartido, rutas de navegación, paginación, barras laterales colapsables, megamenús, barras inferiores y menús a pantalla completa.
Usan elementos nativos y, donde corresponde, aria-current para marcar la página actual y control por teclado.
Para qué sirven
- Barra superior o lateral de una aplicación
- Índices con scroll-spy en documentación
- Asistentes por pasos y paginación de listados
11 componentes de navegación
Ruta de navegación adaptable
Breadcrumbs semánticos con enlaces reales, página actual y salto de línea para rutas largas.
Descargar gratisPaginación compacta
Paginación con extremos, páginas vecinas y elipsis; callback de cambio y controles desactivados en los límites.
Descargar gratisBarra flotante liquid glass
Pastilla de vidrio que sigue al puntero o al enlace activo, ajustándose a su ancho con un resorte.
Descargar gratisBarra de pestañas inferior
Cápsula oscura con una pastilla que se desliza entre pestañas, icono que rebota y contador; flechas del teclado.
Descargar gratisBarra lateral colapsable
Se contrae a un riel de iconos con etiquetas flotantes; secciones, elemento activo e insignias.
Descargar gratisMenú a pantalla completa editorial
Panel negro que baja con clip-path y enlaces gigantes que suben escalonados; Escape cierra y el foco queda atrapado.
Descargar gratisBarra con megamenú
Panel de tres columnas con descripciones, abierto por clic o flecha abajo; Escape y clic fuera lo cierran.
Descargar gratisAsistente por pasos Material 3
Indicador de círculos con línea que se llena, estados hecho/actual/pendiente y botones atrás y siguiente.
Descargar gratisÍndice con scroll-spy
Documento con secciones y un índice cuyo marcador sigue la sección visible; autocontenido en su panel.
Descargar gratisRiel de navegación Material 3
FAB arriba y destinos con indicador en píldora que crece desde el centro, según Material 3.
Descargar gratis