Presentando Yumma UI

Yumma UI: una colección de componentes React basados en Yumma CSS y Base UI, con soporte TypeScript, tree-shakeable y estilos CSS para interfaces modernas y accesibles.

26 sept 2025 • 2 min de lectura • Equipo Q2BSTUDIO

Inteligencia-Artificial-

Presentamos Yumma UI, una nueva colección de componentes React construidos sobre Yumma CSS y Base UI pensada para acelerar interfaces modernas y accesibles. La librería incluye componentes esenciales como Alert, Avatar, Badge, Button, Card, Checkbox, Input, Radio, Select y Tabs, listos para integrarse en proyectos React y optimizados para producción.

Soporte Typescript y experiencia de desarrollo mejorada. Si trabajas con Typescript puedes importar los tipos desde @yummacss/ui y disfrutar de intellisense en editores compatibles para las props de cada componente, lo que agiliza el desarrollo y reduce errores en tiempo de compilación.

Optimización y tree shaking. Todos los componentes de @yummacss/ui son tree shakeables, lo que significa que solo se empaqueta el código que realmente usas en tu aplicación. Esto mantiene los bundles livianos y mejora el rendimiento en producción.

Cómo empezar. Yumma UI está disponible en npm y se instala con npm install @yummacss/ui. Para aplicar estilos importa los estilos principales desde @yummacss/ui/styles.css y, si lo necesitas, tus estilos globales. Para usar un componente simplemente impórtalo desde @yummacss/ui y utilízalo en tu JSX como cualquier componente React, pasando las props necesarias y personalizando su apariencia a través del sistema de theming.

Qué sigue. La versión 0.1.0 es solo el comienzo. En futuros lanzamientos se espera añadir decenas de componentes adicionales como Combobox, Toast, Tooltip, Menubar y más, además de un sistema de theming ampliado para personalizar colores, tipografías y radios, y soporte para otros frameworks como Astro. La comunidad y el feedback serán clave para priorizar nuevas funcionalidades.

En Q2BSTUDIO somos especialistas en transformar ideas en productos digitales. Ofrecemos desarrollo de software a medida y creación de aplicaciones a medida, combinando diseño, arquitectura y prácticas de calidad para entregar soluciones escalables y mantenibles. Si buscas servicios profesionales de desarrollo visita desarrollo de aplicaciones y software a medida para conocer cómo podemos ayudarte a adaptar componentes UI como Yumma UI a tus necesidades.

Además, en Q2BSTUDIO aplicamos inteligencia artificial para empresas y desarrollamos agentes IA y soluciones de automatización que potencian procesos de negocio. Si te interesa explorar casos de uso de IA, modelos personalizados o integración con plataformas en la nube consulta nuestra página de inteligencia artificial y descubre cómo podemos integrar agentes IA y capacidades de aprendizaje automático en tus aplicaciones.

Ofrecemos también servicios complementarios clave para proyectos modernos: ciberseguridad y pentesting para proteger tus sistemas, servicios cloud aws y azure para desplegar infraestructuras resilientes, y servicios de inteligencia de negocio y power bi para convertir datos en decisiones. Si te interesa acelerar el desarrollo de interfaces, optimizar rendimiento o construir una solución integral con UI profesional, IA y seguridad, en Q2BSTUDIO podemos acompañarte desde la idea hasta la entrega final.

Estamos entusiasmados por ver lo que la comunidad construirá con Yumma UI y listos para colaborar en proyectos de software a medida que integren componentes modernos, inteligencia artificial y prácticas de seguridad. Contáctanos y hagamos realidad tu próxima aplicación.

¿UNA PAUSA?

Juega un momento antes de irte

NUESTROS SERVICIOS

Cómo podemos ayudarte

Inteligencia artificial

Agentes de IA, chatbots y asistentes inteligentes que automatizan tareas y atienden a tus clientes 24/7 para mejorar la eficiencia de tu negocio.

Más info

Desarrollo de software

Aplicaciones web, móviles y de escritorio, intranets, e-commerce, SaaS y plataformas de gestión diseñadas para las necesidades concretas de tu empresa.

Más info

Servicios cloud

Migración, infraestructura, hosting gestionado, alta disponibilidad y seguridad en Microsoft Azure y Amazon Web Services para que tu negocio escale sin límites.

Más info

Ciberseguridad y pentesting

Auditorías de seguridad, test de intrusión (pentesting) y protección de aplicaciones, datos e infraestructura on-premise y cloud, con hacking ético y cumplimiento normativo.

Más info

Business Intelligence

Cuadros de mando y análisis de datos con Power BI: integramos tus fuentes, diseñamos dashboards y KPIs y convertimos tus datos en decisiones.

Más info

Automatización de procesos

Automatizamos tareas repetitivas y conectamos tus aplicaciones con n8n, Power Automate, Make y RPA, eliminando trabajo manual y aumentando la productividad.

Más info

Formación para empresas

Formamos a tus equipos en tecnología con criterio: desarrollo web, bases de datos, Git, buenas prácticas y seguridad, automatización con n8n, inteligencia artificial para empresas y creación de soluciones de IA con Azure AI Foundry.

Más info

Auditoría de código

Auditamos el código que creas tú, tu equipo o una IA: te decimos qué está bien y qué mejorar, lo securizamos y lo dejamos listo para producción, web o app.

Más info

Generación de imágenes con IA

Creamos por ti las imágenes que necesita tu negocio con inteligencia artificial: producto, redes, publicidad, ilustración y avatares. Tú nos dices qué quieres y te lo entregamos listo para usar.

Más info

Generación de vídeos con IA

Creamos por ti vídeos con inteligencia artificial: promocionales, para redes, presentadores virtuales, doblaje y animaciones. Nos cuentas la idea y te lo entregamos montado y listo para publicar.

Más info

Avatares conversacionales con IA

Creamos avatares conversacionales con IA —humanos digitales con cara y voz— que atienden a tus clientes y equipos con el conocimiento de tu empresa, en tu web, monitores interactivos, WhatsApp o Teams.

Más info

Marketing Online e IA

Google Ads, Meta Ads, LinkedIn Ads y posicionamiento en motores de IA (GEO/AEO): captamos clientes y hacemos que tu marca aparezca donde te buscan, también en ChatGPT, Gemini y Perplexity.

Más info

¿Tienes un proyecto en mente?

Cuéntanos tu visión y la convertimos en una solución de software. Sea cual sea el alcance, hacemos realidad tu idea.

Live Chat