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.