Turning a codepen into a web component with WCFactory

Опубликовано: 03 Июнь 2026
на канале: Bryan Ollendyke
115
1

Code pen reference: https://codepen.io/kjbrum/pen/PmxYLe
WCFactory project: https://github.com/elmsln/wcfactory
Source Code: https://github.com/elmsln/lrnwebcompo...
NPMJS: https://www.npmjs.com/package/@lrnweb...

In this video I take a codepen for a loading sequence found on codepen and convert it into a web component using the WCFactory tooling. I finished it up after the video and released it while during the video I run into some css issues when trying to increase the flexibility of the item.