Conoce Custom Elements Runtime

Durante años soñé con una herramienta open source capaz de crear Custom Elements con la misma facilidad con la que se construyen componentes propietarios en Vue, Svelte o React.

Ese sueño nunca llegó como lo imaginaba.

Existen opciones como Lit o Skate, pero suelen sentirse pesadas y poco prácticas para el día a día: pasos de build, mucho boilerplate, sintaxis basada en clases, ausencia de estilos integrados y una experiencia poco amable al intentar usar utilidades tipo Tailwind dentro de Shadow DOM. Y si añadimos decoradores, la curva mental se multiplica.

Lo que realmente buscaba era algo funcional en lugar de orientado a clases, sin dependencias, sencillo de usar, con utilidades tipo Tailwind integradas, compatible con SSR, enrutamiento y comunicación entre componentes mediante event bus y store global, y listo para usarse desde CDN sin necesidad de bundlers.

Dejé de esperar y lo construí.

Te presento Custom Elements Runtime, un runtime ligero que combina lo mejor de Vue, Tailwind CSS y los Web Components en un paquete directo, sin adornos y con un enfoque pragmático.

Imagina un componente contador my-counter creado con una API puramente funcional: defines un estado con count en cero, declaras una acción increment y la asocias a un evento click en un botón con utilidades de estilo tipo Tailwind. Sin clases, sin compilación previa y con actualización instantánea del DOM.

Por qué te va a encantar

Velocidad extrema gracias a un runtime mínimo y sin dependencias. Estilos utilitarios bajo demanda en tiempo de ejecución con un enfoque tipo JIT. Desarrollo sin build para feedback inmediato. Tipado estricto y experiencia TypeScript first. API funcional sin clases ni boilerplate. Preparado para SSR y recarga en caliente. Extensible mediante directivas, event bus y store. Documentación clara y ejemplos que simplemente funcionan.

Pruébalo en Codepen y dale una estrella en GitHub para seguir su evolución.

En Q2BSTUDIO impulsamos equipos de desarrollo con soluciones sólidas y escalables. Somos una empresa de desarrollo de software especializada en aplicaciones a medida y software a medida, con experiencia en arquitectura frontend y backend moderna, servicios cloud aws y azure, ciberseguridad, servicios inteligencia de negocio y power bi, así como inteligencia artificial e ia para empresas con agentes IA que optimizan procesos y mejoran la toma de decisiones.

Si buscas construir componentes web reutilizables, integrarlos con SSR y desplegarlos en entornos productivos de forma segura, nuestro equipo puede ayudarte a acelerar tu roadmap. Descubre cómo abordamos proyectos de aplicaciones a medida en nuestra página de desarrollo de software y apps multiplataforma, y conoce nuestras capacidades en inteligencia artificial aplicada a empresas para crear experiencias con agentes IA y analítica avanzada.

Nuestro enfoque prioriza seguridad desde el diseño con prácticas de ciberseguridad y pentesting, despliegues en servicios cloud aws y azure, automatización eficiente del ciclo de vida y soporte para analítica con power bi e iniciativas de servicios inteligencia de negocio. Si quieres llevar tus componentes y tu plataforma al siguiente nivel, hablemos.