Hola a todos los usuarios de React

Biblioteca open source y gratuita de componentes para micro frontends en React 18+, con diseño atómico, theming y TypeScript. Integración cero configuración con Tailwind, accesibilidad y DX consistente para SPAs y apps distribuidas. Prueba axisight.io.

31 ago 2025 • 3 min read • Q2BSTUDIO Team

Inteligencia-Artificial-

Siempre quise publicar un anuncio al estilo del mítico lanzamiento de Linux de Linus Torvalds, así que allá voy

Estoy creando una biblioteca de componentes gratuita para micro frontends en React 18 en adelante. Es un proyecto personal, no pretende competir con gigantes como Material UI o Ant Design, pero sí resolver problemas reales del día a día. Nació en agosto y ya tiene forma. Quiero feedback sobre lo que te gusta y lo que no te gusta en las librerías de componentes, porque la mía comparte ideas con otras, incluida la filosofía de diseño atómico, pero con decisiones muy centradas en micro frontends

Estado actual resumido: 24 componentes listos, soporte completo en TypeScript, integración múltiple con cero configuración o Tailwind, y un sistema de temas que realmente funciona. Ya tengo portados los componentes y utilidades que más necesito, y aunque sigue en progreso, avanza rápido. Aún no está testeada en todos los escenarios, pero apunta a estar lista para uso amplio en semanas o quizá meses

Ejemplo de uso hoy mismo sin rodeos: montas un SettingsProvider y compones elementos como FormField, Input y Button de forma declarativa. Los patrones de accesibilidad, estados de error y variantes visuales vienen incluidos, y la personalización del tema es trivial sin romper el tipado. La idea es que funcione igual de bien si tu aplicación es una SPA o si la descompones en micro frontends que se despliegan por separado

La prueba de fuego es axisight.io, una herramienta que estoy construyendo y que está completamente basada en esta librería. Si aguanta en producción ahí, debería funcionar bien también para tus casos

Por qué la construí: trabajando con micro frontends me repetía que tenía que existir una forma más limpia de compartir componentes entre aplicaciones. Muchas librerías asumen un único proyecto monolítico, pero cuando el ecosistema se divide en múltiples apps, necesitas contratos de integración claros, estilos coherentes y una DX que no te obligue a reescribir lo mismo en cada vertical. Esta librería intenta cubrir exactamente eso con una API consistente, separación de estilos inteligente y utilidades que realmente usamos cada día

Qué me gustaría saber de ti: qué componentes vuelves a construir constantemente, qué te molesta de las librerías existentes, y qué dolores específicos tienes con micro frontends, desde el versionado y el theming hasta la composición de formularios y la gestión de estados entre remotos

Cómo probarlo ahora mismo: el paquete se instala con npm install seguido de arroba jonmatum barra react-mfe-shell. También hay repositorio, demo en vivo y documentación paso a paso para integrarlo en proyectos con o sin Tailwind. Es open source y gratuito

¿Se convertirá en la próxima gran cosa? Probablemente no. Pero es libre, abierto y ya resuelve problemas que yo mismo tenía. Y de paso me quité la espinita de escribir un anuncio a lo Linus

Ahora, si buscas llevar estas ideas a productos reales con garantías, en Q2BSTUDIO podemos ayudarte. Somos una empresa de desarrollo de software y aplicaciones a medida, especialistas en software a medida, inteligencia artificial, ciberseguridad, servicios cloud AWS y Azure, servicios inteligencia de negocio y power bi, además de ia para empresas, agentes IA y automatización de procesos. Podemos acompañarte desde el diseño de componentes hasta la arquitectura de micro frontends, el despliegue seguro y la analítica avanzada

Consulta cómo convertimos tu visión en productos multiplataforma optimizados en nuestro servicio de desarrollo de aplicaciones y software a medida, integrando mejores prácticas de performance, seguridad y observabilidad

Palabras clave que guían nuestro trabajo y soluciones para tu empresa: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi

Pura vida y happy coding

A BREAK?

Play for a moment before you go

OUR SERVICES

How we can help you

Artificial intelligence

AI agents, chatbots, and intelligent assistants that automate tasks and serve your customers 24/7 to improve the efficiency of your business.

More info

Software Development

Web, mobile, and desktop applications, intranets, e-commerce, SaaS, and management platforms designed for your company's specific needs.

More info

Cloud services

Migration, infrastructure, managed hosting, high availability, and security on Microsoft Azure and Amazon Web Services to help your business scale without limits.

More info

Cybersecurity and pentesting

Security audits, penetration testing and protection of applications, data and infrastructure on-premise and cloud, with ethical hacking and regulatory compliance.

More info

Business Intelligence

Dashboards and data analysis with Power BI: we integrate your sources, design dashboards and KPIs and turn your data into decisions.

More info

Process automation

We automate repetitive tasks and connect your applications with n8n, Power Automate, Make, and RPA, eliminating manual work and increasing productivity.

More info

Training for Companies

We train your teams in technology with criteria: web development, databases, Git, best practices and security, automation with n8n, artificial intelligence for companies and creation of AI solutions with Azure AI Foundry.

More info

Code Auditing

We audit the code that you, your team or an AI create: we tell you what is good and what to improve, we secure it and make it ready for production, web or app.

More info

AI Image Generation

We create for you the images that your business needs with artificial intelligence: product, networks, advertising, illustration and avatars. You tell us what you want and we deliver it ready to use.

More info

AI Video Generation

We create videos with artificial intelligence for you: promotional, networking, virtual presenters, dubbing and animations. You tell us the idea and we will deliver it assembled and ready to publish.

More info

AI Conversational Avatars

We create conversational avatars with AI – digital humans with a face and voice – that serve your customers and teams with the knowledge of your company, on your website, interactive monitors, WhatsApp or Teams.

More info

Online Marketing and AI

Google Ads, Meta Ads, LinkedIn Ads and AI Engine Positioning (GEO/AEO): we attract customers and make your brand appear where they search for you, also on ChatGPT, Gemini and Perplexity.

More info

Do you have a project in mind?

Tell us your vision and we'll turn it into a software solution. Whatever the scope, we make your idea real.

Live Chat