loading
logo

Hola. SoyCarlos Morcillo

Descarga el CV

Bibliotecas Angular Hub-UI: Mi Ecosistema para Desarrolladores Frontend

Bibliotecas Angular Reutilizables: Hub-UI

Las bibliotecas Angular reutilizables son fundamentales para el desarrollo moderno de aplicaciones web. Con esta visión, he creado Hub-UI, un conjunto de bibliotecas Angular reutilizables diseñadas para facilitar el desarrollo con Angular.

Estas bibliotecas nacieron para solucionar problemas reales que encontré en mis proyectos y, con el tiempo, evolucionaron gracias al feedback de la comunidad y las tendencias del ecosistema Angular. Ahora quiero compartirlas contigo para que también te ayuden a optimizar tu flujo de trabajo.


Bibliotecas Angular: Modales Flexibles y Personalizables

Desarrollé Ng-hub-ui-modal como parte de nuestras bibliotecas Angular reutilizables para ofrecer una solución independiente y versátil para la gestión de modales. Inspirado en ng-bootstrap, pero con un extra de flexibilidad.

Lo mejor de este componente:

  • Se integra fácilmente en cualquier proyecto Angular.
  • Es completamente personalizable.
  • Gestiona eventos y accesibilidad de forma eficiente.

📌 Repositorio en GitHub | 📦 Paquete en npm

📌 Repositorio en GitHub | 📦 Paquete en npm


2. Ng-hub-ui-stepper: Guiando a los Usuarios Paso a Paso

Cuando necesité una solución para flujos de usuario más intuitivos, creé Ng-hub-ui-stepper. Perfecto para formularios y asistentes interactivos.

¿Qué ofrece?

  • Soporte para flujos lineales y no lineales.
  • Un diseño accesible y adaptable.
  • Total personalización con estilos y plantillas.

📌 Repositorio en GitHub | 📦 Paquete en npm


3. Ng-hub-ui-breadcrumbs: Navegación Mejorada con Migas de Pan

Para mejorar la navegación en mis proyectos, desarrollé Ng-hub-ui-breadcrumbs, un sistema ligero y dinámico de migas de pan.

Sus ventajas:

  • Genera automáticamente rutas de navegación.
  • Se puede personalizar fácilmente.
  • Soporta idiomas con lectura de derecha a izquierda (RTL).

📌 Repositorio en GitHub | 📦 Paquete en npm


4. Ng-hub-ui-portal: Flexibilidad en la Interfaz de Usuario

Creé Ng-hub-ui-portal para tener control total sobre dónde renderizar dinámicamente componentes y plantillas.

Lo que hace especial a esta biblioteca:

  • Renderiza contenido en cualquier parte del DOM.
  • Soporta animaciones y atributos ARIA.
  • Optimiza el enfoque para mejorar la accesibilidad.

📌 Repositorio en GitHub | 📦 Paquete en npm


5. Ng-hub-ui-table: Tablas Potentes con Paginación y Filtros

Trabajar con datos puede ser complicado, así que creé Ng-hub-ui-table para facilitar la gestión de tablas y listas dinámicas con paginación, filtros y ordenación avanzada.

Características destacadas:

  • Compatible con Bootstrap 5.
  • Soporta paginación tanto en servidor como local.
  • Encabezados, celdas y filtros completamente personalizables.

📌 Repositorio en GitHub | 📦 Paquete en npm


6. Ng-hub-ui-avatar: Avatares Dinámicos para Tu Aplicación

Gestionar imágenes de usuario nunca fue tan fácil con Ng-hub-ui-avatar, una biblioteca que soporta múltiples fuentes y muestra iniciales en caso de ausencia de imágenes.

Lo que más me gusta de este componente:

  • Se integra con redes sociales como Facebook, Twitter y Google.
  • Ofrece respaldo automático si la fuente principal falla.
  • Permite una personalización total del avatar.

📌 Repositorio en GitHub | 📦 Paquete en npm


7. Ng-hub-ui-board: Tableros Interactivos con Drag & Drop

Cuando quise un sistema intuitivo para gestionar tareas, creé Ng-hub-ui-board, una solución estilo Kanban con funcionalidad avanzada de arrastrar y soltar.

Puntos fuertes:

  • Permite mover tarjetas y columnas con facilidad.
  • Se puede personalizar al 100%.
  • Optimizado para un rendimiento fluido.

📌 Repositorio en GitHub | 📦 Paquete en npm


Potencia tu Desarrollo con Bibliotecas Angular Reutilizables

Creé estas bibliotecas Angular reutilizables con un objetivo claro: hacer el desarrollo más eficiente y agradable. Si buscas herramientas que te ayuden a mejorar la navegación, gestionar datos con facilidad o crear interfaces dinámicas, aquí tienes la solución.

📌 ¿Listo para optimizar tu trabajo con nuestras bibliotecas Angular reutilizables? Prueba Hub-UI y experimenta la diferencia.

¿Tienes dudas o necesitas ayuda con nuestras bibliotecas? ¡Contáctame y estaré encantado de ayudarte! 🚀